/* CSS Document */

/* 初期設定 */

.top * {
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#666666;
}



body, div, p, h1, h2, h3, h4, h5, 
img {
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#666666;
}


#footer table tr td,
#whatsnew {
	margin:0px;
	padding:0px;
}

p {
	line-height:1.2em;
}

a {
	color:#0032AA;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

body {
	text-align:center
}

/* --- 基本スタイル --------------------------------------------------- */


#container {}

#pagebody {
	margin-top:19px;
	margin-bottom:10px;

}

#alpha {
	width:25%;
	float:left;
	text-align:left;
}

#beta {
	width:50%;
	float:left;
	text-align:center;
}

#gamma {
	width:25%;
	float:left;
	text-align:right;
}

#gamma-text-area {
	color:#9F0000;
	text-align:center;
	line-height:2.0em;
	margin-top:50px;
}



#smenu {
	width:190px;
}

#smenu img {
	display:inline;
}

.smenu-tbl-bg {
/*	background:url(images-new/smenu_bg1.gif);
	background-repeat: no-repeat;
	background-position: center top;*/
}


.smenu-tbl-td-title a {
	background:url(images-new/smenu_bg1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color:#7C7C7C; 
	text-decoration:none; 
	display:block; 
	height:18px; 
	padding-top:7px;
}

.smenu-tbl-text a {
	color:#666666;
}



#smenu-body {
	border-left:1px solid #C4C4C4;
	border-right:1px solid #C4C4C4;
}


.smenu-tbl-td-noamal a {
	color:#838383;
	text-decoration:none;
	display:block;
	height:18px;
	padding-top:7px;
}

.smenu-tbl-td-noamal a:hover {
	background:url(images-new/smenu_bg1_ro.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


/* メニュースタイル変更・追加 */

.smenu-tbl-td-noamal-new table {
	background-position:center center;
	background-repeat:no-repeat;
}


.smenu-tbl-td-noamal-new .smenu-tbl-text {
	margin:6px 0 4px 0;
/*	padding-top:2px;*/
}

.smenu-tbl-td-noamal-new a:hover {
	text-decoration:none;
}


/*ヘッダー最上部のスタイル*/

#logo {
	background-image: url(images-new/logo_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	
	text-align:left;
}

#logo_left {
	float:left;
	width:40%;
}

#logo_right {
	float:left;
	width:60%;
	text-align:right;
/*	margin-top:20px;*/
	margin-top:30px;
}

#logo_right a {
	color:#666666;
}


/*グローバルメニューのスタイル*/

#gmenu {
	background-image: url(images-new/menu_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#gmenu-inner, #logo-inner, #footer-top-inner, #footer-bottom-inner, #pagebody, #footer-bottom-bottom, 
#bread-crumb-list {
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

#bread-crumb-list a {
	text-decoration:underline;
}

#flash {
	margin-top:6px;
}


.flash-bottom {
	width:100%;
	margin-top:2px;
	border-bottom:2px solid #E6E7E7;
}

/*フッターのスタイル*/

#footer {
	text-align:left;
}

#footer-top {
	border-top:1px solid #CFCFCF;
}

#footer-top-inner {

}

#footer-bottom {
	border-top:1px solid #CFCFCF;
	background-image: url(images-new/footer_bottom_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#footer-left {
	width:100%;
/*	float:left;*/
	margin-top:8px;
	text-align: left;
}

#footer-right {
	width:46%;
/*	float:left;*/
}

.footer-menu-text {
	padding-top:3px;
}

.footer-menu-text a {
	color:#646464;
	text-decoration:none;
}



/*左サイドメニューのスタイル*/


#gamma-banner img {
	margin-bottom:5px;
}

#pickup, #whatsnew {
	width: 364px;
	margin-left:auto;
	margin-right:auto;
}

#pickup-body, #whatsnew-body {
	border-left:1px solid #C7C7C7;
	border-right:1px solid #C7C7C7;
}

.pickup-body-subtitle {
	font-size:13px;
	font-weight:bold;
	padding-top:5px;
	padding-left:5px;
}

.pickup-body-yajirusi img {
	margin-top:5px;
}

.pickup-text {
	width:225px;
	margin-left:5px;
	margin-top:7px;
	color:#666666;
	line-height:1.3em;
	font-size:12px;
}

.pickup-photo a {
	display:block;
	border:1px solid #e8e8e8;
	width:76px;
	height:48px;
}

.pickup-photo a:hover {
	border-color:#FF0000;
}

#whatsnew {
	margin-top:13px;
}

.whatsnew-date {
	margin-left:16px;
	letter-spacing:0.2em;
	color:#969696;
}

.whatsnew-text {
	margin-left:3px;
	padding-top:2px;
}

.whatsnew-rss-text {
	color:#666666;
	font-size:12px;
}

.whatsnew-text a {
	color:#0032AA;
	text-decoration:none;
}


.beta-content-line {
	background-image:url(images-new/beta-content-line.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.qrcode {
	margin-top:55px;
}

#bagebody-bottom-bt {
	margin-top:30px;
	text-align:right;
}

#alpha-banner {
	margin-top:13px;
}

#alpha-banner img {
	margin-bottom:5px;
}

/* 2カラムで左サイドメニューあり */

#beta-gamma {
	width:75%;
	float:left;
	text-align:left;
}

#beta-gamma-inner {
	margin-left:auto;
}

#bread-crumb-list {
	text-align:left;
	margin-top:15px;
}


/* 各ページ共通　画像枠のロールオーバー */

.waku a {
	display:block;
	border:1px solid #C7C7C7;
}

.waku a:hover {
	border-color:#FF0000;
}

.left-right-line {
	border-left:1px solid #C4C4C4;
	border-right:1px solid #C4C4C4;
}


/* コンテンツの上下の仕切りのサイズ */
.bottom-margin-a {
	margin-bottom:27px;
}

.top-margin-a {
	margin-top:27px;
}




/* --- カラムレイアウト1 ２カラム左大・右小 --------------------------------------- */

.common-two-column-left-l {
	float:left;
	width:64%;
	text-align:left;
}

.common-two-column-right-s {
	float:right;
	width:36%;
	text-align:right;
}

/* カラム分けなし */
.common-one-column-inner {
	padding:40px 80px;
	font-size:13px;
}

/* --- common-partsA-○○○クラスの共通スタイル ----------------------------------- */
.common-partsA-line {
	background-image: url(images-new/common-partsA-line.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.common-partsA-text p {
	line-height:1.4em;
	margin-bottom:14px;
	width:250px;
}

.common-partsA-img a {
	margin-top:10px;
	margin-bottom:6px;
	display:block;
	width:88px;
	height:58px;
	border:1px solid #C7C7C7;
}

.common-partsA-img a:hover {
/*	border-color:#CC0033;*/
	border-color: #FF0000;
	text-decoration:none;
}

.common-partsA-alink {
	line-height:1.5em;
}

.common-partsA-alink a {
	color:#0032AA;
}

.common-partsA-alink a:hover {
/*	text-decoration:none;*/
/*	color:#CC0033;*/
}
 
.common-partsA-alink img {
	margin-left:5px;
}

.common-partsA-alink div {
	width:164px;
}


/* --- common-partsB-○○○クラスの共通スタイル ----------------------------------- */

.common-partsB-text p {
	line-height:1.4em;
	margin: 10px 0 5px 0;
}

#common-partsB-banner img,
#common-partsB-banner a {
	display:inline;
}

/* 以下に関しては各ページ毎に設定 */
.common-partsB-img a {
/*	height:114px;
	width :241px;*/
}

.common-partsB-text p {
/*	width:226px;*/
}


.common-box-marginA {
	margin:22px 25px 20px 25px;
	text-align:left;
}

/* --- 汎用テキストスタイル ----------------------------------- */

/* 標準 */
.common-text {
	font-size:13px;
	line-height:1.4em;
}

.common-line-height-L {
	line-height:1.8em;
}

.common-font-size-M * {
	font-size:13px;
}



#smenu ul, 
#smenu li {
	margin:0px;
	padding:0px;
/*	line-height:0em;*/
	list-style-type:none;
}

#smenu ul li a {
	visibility:hidden;
	line-height:0;
}

#smenu ul:hover {
	visibility:visible;
	display:block;
}

.common-display-hidden {
	display:none;
}

.common-left-submenu {
	padding-left:10px;
}

.common-alpha-banner {
	margin-bottom:13px;
}

/* どうしてもPageBodyの下のマージンがかからない時 */
.common-pagebody-margin-bottomA {
	margin-bottom:30px;
}