@charset "shift_jis";
@import url(common.css);
@import url(template.css);

/* body要素
--------------------------------------------------------- */
body {
	color: #323232;
	background: #f2f0e6 url(/img/common/bg_all.gif) repeat-y 50% 0 !important;
}

/* Top内容全背景
--------------------------------------------------------- */
#all_top{
	color: #323232;
	background-color: #ffffff;
}

/* #menu_top　横列メニューボタン
--------------------------------------------------------- */
#menu_top{
	width: 750px;
	margin: 10px 10px 0;
	padding: 0;
	color: #323232;
	background: #fff url(/img/index/bg/menu_top_bg.gif) no-repeat;
}

#menu_top div.btn{
	width: 180px;
	height: 91px;
	margin: 6px 0 8px 6px;
	padding: 0;
	float: left;
	color: #363636;
	background: #E6E6E6 url(/img/index/bg/menu_top_btn_bg.jpg) no-repeat;
	text-decoration: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#menu_top div.btn.left{
	margin-left:6px !important;
	margin-left:3px;
}

#menu_top h2{
	font-size: 20px;
	margin:0;
	padding:0;
	width:162px;
}

#menu_top h2 a{
	display:block;
	width:162px;
	display:block;
	padding:17px 0 0 18px;
}

#menu_top h2 a,
#menu_top h2 a:hover,
#menu_top h2 a:active,
#menu_top h2 a:visited{
	color:#363636;
	text-decoration:none;
}

#menu_top p.txte{
	background-color: transparent;
	font-size: 10px;
	line-height: 100%;
	color:#B0B0B0;
	margin: 0;
	padding:0;
}

#menu_top p.txte a{
	display:block;
	width:162px;
	padding: 5px 0 0 18px;
	display:block;
}

#menu_top p.txte a,
#menu_top p.txte a:hover,
#menu_top p.txte a:active,
#menu_top p.txte a:visited{
	color:#B0B0B0;
	text-decoration:none;
}

#menu_top p.txtj{
	padding: 0;
	margin:0;
	font-size: 12px;
	line-height: 130%;
}

#menu_top p.txtj a{
	display:block;
	width:162px;
	display:block;
	padding:12px 0 0 18px;
}

#menu_top p.txtj a,
#menu_top p.txtj a:hover,
#menu_top p.txtj a:active,
#menu_top p.txtj a:visited{
	color:#505050;
	text-decoration:none;
}


p.txtj span.per90{
	letter-spacing: -1px;
}



/* #main_top 内容　マテリアル基礎
--------------------------------------------------------- */
#main_top{
	width: 550px;
	margin: 0;
	padding: 15px 12px 0 10px;
	float: left;
}
#main_top h2{
	margin: 0;
	padding: 0;
}


/* 見出し
----------------------- */
#main_top h2.osusume{
	width:538px;
	height:24px;
	padding:2px 0 2px 12px;
	margin:0 0 -4px 0;
	background:url(/img/index/t_h2_osusume.gif) no-repeat left top
}
#main_top h2.okomari{
	width:538px;
	height:24px;
	padding:2px 0 2px 12px;
	margin:20px 0 -4px 0;
	background:url(/img/index/t_h2_okomari.gif) no-repeat left top;
}
#main_top h2.oshirase{
	width:538px;
	height:24px;
	padding:2px 0 2px 12px;
	margin:20px 0 -4px 0;
	background:url(/img/index/t_h2_oshirase.gif) no-repeat left top;
}


#main_top .box{
	width: 528px;
	margin: 0;
	padding: 10px 0 0 22px;
	color: #323232;
	background: #fff url(/img/index/bg/main_top_box_bg.gif) no-repeat left bottom;
}
#main_top .box table{
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	margin: 0;
}
#main_top td{
	text-align: left;
	vertical-align: top;
}
#main_top .listbox td{
	padding: 4px 10px 6px 0;
}
#main_top .box ul{
	margin: 0;
	padding: 0;
}


/*おすすめキャンペーン 外部JS部分
--------------------------------------------------------- */
#main_top .campaign {
	width: 530px;
	margin: 0 0 20px 0;
	padding: 5px 10px 10px 10px;
	color: #323232;
	background: url(/img/index/campaign_bg.gif) no-repeat left bottom;
}

#main_top .campaign .box {
	width: 528px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #323232;
	background: none;
}

#main_top .campaign .box p.float-l {
	float: left;
	width: 45px;
	margin: 0;
	padding: 0;
}

#main_top .campaign .box p.float-l img {
	padding-top: 3px;
}

#main_top .campaign .box p.float-r {
	float: right;
	width: 480px;
	margin: 0;
	padding: 0;
}

#main_top .box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#main_top .box {
	display:inline-block;
}
/*\*/
* #main_top .box {
	height: 1%;
}
#main_top .box {
	display: block;
}
/**/

#main_top .campaign .campaign-list {
	text-align: right;
}


/*おすすめキャンペーン index_text.html外部JS部分
--------------------------------------------------------- */

#main_top .campaign.textpage .box p.float-l {
	display: none;
}

#main_top .campaign.textpage .box p.float-r {
	float: left;
	width: 510px !important;
	width: 520px;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(/img/common/mark/dot_black.gif) no-repeat 1px 0.6em;
}





/* #navi_top　サイドメニュー
--------------------------------------------------------- */
#navi_top{
	width: 186px;
	margin: 0;
	padding: 15px 10px 0 0;
	float: left;
}
#navi_top #nhead, #navi_top #nfoot{
	width: 186px;
	height: 10px;
	margin: 0;
	padding: 0;
}
#navi_top ul#nbody{
	margin: 0;
	padding: 0 0 5em;
	color: #ffffff;
	background: #ffffff url(/img/index/bg/navi_top_bg.jpg) repeat-y;
}
ul#nbody li{
	list-style-type: none;
	margin:0;
	padding:0;
	line-height :8px;
}
ul#nbody a{
	display: block;
	width: 160px;
	height:37px;
	padding-left:26px;
	padding-right:0;
	padding-top:5px;
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	line-height:34px;
}

ul#nbody a.btn01{
	color: #323232;
	background: transparent url(/img/index/bg/navi_top_btn_bg01.jpg) no-repeat;
}
ul#nbody a.btn02{
	color: #323232;
	background: transparent url(/img/index/bg/navi_top_btn_bg02.jpg) no-repeat;
}
ul#nbody a.btn03{
	color: #323232;
	background: transparent url(/img/index/bg/navi_top_btn_bg03.jpg) no-repeat;
	line-height:17px;
}
ul#nbody a.btn04{
	color: #323232;
	background: transparent url(/img/index/bg/navi_top_btn_bg04.jpg) no-repeat;
}
ul#nbody a.btn05{
	color: #323232;
	background: transparent url(/img/index/bg/navi_top_btn_bg05.jpg) no-repeat;
}
ul#nbody a.btn06{
	color: #323232;
	background: transparent url(/img/index/bg/navi_top_btn_bg06.jpg) no-repeat;
}
ul#nbody a.btn07{
	color: #323232;
	background: transparent url(/img/index/bg/navi_top_btn_bg07.jpg) no-repeat;
}
ul#nbody a.btns01 {
	height:27px;
	line-height:27px;
	color: #323232;
	background: transparent url(/img/index/bg/navi_top_btn_bg_s.gif) no-repeat 0 -2px;
	margin-top: 5px;
	padding: 0 0 0 26px !important;
	font-size: 14px !important;
}
ul#nbody a.btns02 {
	height:27px;
	line-height:27px;
	color: #323232;
	background: transparent url(/img/index/bg/navi_top_btn_bg_s.gif) no-repeat 0 -2px;
	padding: 0 0 0 26px !important;
	font-size: 12px !important;
}
ul#nbody a.btn03 span {
	font-size: 12px;
}

/* #search_small　サイドメニュー上部の小検索フォーム
--------------------------------------------------------- */
#search_small{
	width: 186px;
	margin: 0 0 5px 0;
	padding: 0;
	height: 73px;
	color: #ffffff;
	background: #3366cc url(/img/index/bg/search_small_bg.jpg) no-repeat;
}
#search_small.alone{
	padding-bottom: 12px;
	background: url(/img/index/bg/search_small_alone.jpg) no-repeat;
}
#search_small a{
	color: #ffffff;
	background-color: inherit;
}
#search_small input{
	float: left;
}
#search_small input.width120{
	width: 119px;
}

#search_small input.search{
	margin:-1px 0 0 4px;
}
#search_small dl{
	width: 165px;
	margin: 0 auto;
	padding: 15px 0 0;
}
#search_small dt{
	margin: 0;
	padding: 0;
}
#search_small dd{
	margin: 2px 0 0 0;
	padding: 0;
}
#search_small dd.links{
	clear: left;
	text-align: center;
	font-size: 10px;
	*font-size: 70%;
	padding-top: 5px;
	*padding-top: 2px;
	line-height: 120%;
}

/* #banner　サイドメニューの中のバナー
--------------------------------------------------------- */
#banner {
	padding: 0 0 7px 0;
	border-bottom: 1px solid #d7d7d7;
}



/* 各種サービスへのログイン
--------------------------------------------------------- */
div.btn_login{
	background:url(/img/index/btn_login_service_top.gif) no-repeat left top;
	width:186px;
	margin:0 0 11px 0;
	padding:10px 0 0 0;
}

div.btn_login p.link{
	font-size:12px !important;
	font-size:90%;
	margin:0 0 0 10px;
	background: url(/img/common/mark/arrow_circle_blue.gif) no-repeat left center;
	padding:0 0 0 14px;
	line-height:120%;
}

div.btn_login p.link a,
div.btn_login p.link a:hover{
	color:#323232;
	text-decoration:none;
}

div.btn_login p.line{
	background:url(/img/index/btn_login_service_btm.gif) no-repeat left top;
	width:186px;
	height:5px;
	font-size:0 !important;
	font-size:0;
	line-height:0;
	margin:5px 0 0 0;
	padding:0;
}


/* PICK UP
--------------------------------------------------------- */
ul.first {
	width: 550px;
	margin: 0;
	padding: 0 0 8px 0;
	background:url(/img/index/pickup_bg01.gif) no-repeat left bottom;
}

ul.second {
	width: 550px;
	margin: 0 0 20px 0;
	padding: 0 0 8px 0;
	background:url(/img/index/pickup_bg02.gif) no-repeat left bottom;
}

ul.first li,
ul.second li {
	float: left;
	width: 275px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.4;
}
ul.first li span,
ul.second li span {
	display: block;
	float: left;
	width: 192px;
	margin: 2px 0 0 10px;
	_margin: 2px 0 0 5px;
	font-size: 12px;
	*font-size: 90%;
}
ul.first li span a,
ul.second li span a {
	font-size: 14px;
	font-size: 115%;
	font-weight: bold;
}

ul.first li img,
ul.second li img{
	display: block;
	float: right;
	width: 55px;
	height: 50px;
	border: none;
	margin: 5px 6px 0 0;
	_margin: 5px 3px 0 0;
}

ul.first:after,
ul.second:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.first,
ul.second {
	display:inline-block;
}
/*\*/
* ul.first,
* ul.second {
	height: 1%;
}
ul.first,
ul.second {
	display: block;
}
/**/


/* PICK UP　インデックステキスト
--------------------------------------------------------- */
.index-text ul.first li span,
.index-text ul.second li span {
	display: block;
	float: left;
	width: 260px;
	margin: 2px 0 0 12px;
	_margin: 2px 0 0 6px;
	font-size: 12px;
	*font-size: 90%;
}
.index-text ul.first li img,
.index-text ul.second li img{
	display: none;
}



/* アクセスTOP3
--------------------------------------------------------- */
#access {
	width: 738px;
	margin: 11px auto 5px auto;
	padding: 5px;
	border: 1px solid #d8d8d8;
}
#access:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#access {display:inline-block;}
/*\*/
* #access {height: 1%;}
#access {display: block;}


#access h2 {
	float: left;
	/*width: 275px;*/
	/*width: 27.5em;*/
	width: 16em;
	*width: 17em;
	margin: 0;
	padding: 0;
	font-size: 10px;
	*font-size: 70%;
	font-weight: normal;
	white-space: nowrap;
}
#access h2 img {
	padding: 0 2px 0 0;
	position: relative;
	top: 3px;
}
#access ul {
	float: left;
	/*width: 460px;*/
	/*width: 40em;*/
	width: 40em;
	*width: 39em;
	margin: 0;
	padding: 0;
}
		
#access ul li {
	float: left;
	display: block;
	margin: 0 17px 0 0;
	padding: 0 0 0 10px;
	*padding: 2px 0 0 10px;
	font-size: 12px;
	*font-size: 90%;
	font-weight: bold;
	white-space: nowrap;
}

#access ul li.selection{
background: url(/img/index/square_black.gif) no-repeat 0 8px;
*background: url(/img/index/square_black.gif) no-repeat left center;
}




/*↓2009.12.11 アクセスTOP3廃止による王冠画像非表示
/*#access ul li.no1 {
	background: url(/img/index/ico_no1.gif) no-repeat left top;
}
#access ul li.no2 {
	background: url(/img/index/ico_no2.gif) no-repeat left top;
}
#access ul li.no3 {
	margin: 0 0 0 0;
	background: url(/img/index/ico_no3.gif) no-repeat left top;
}
#access ul li em {
	display: none;
}*/

/* アクセスTOP3 （index_text.html）
--------------------------------------------------------- */
#access.index-text ul li em {
	display: inline;
	/*color: #323232;*/
}
#access.index-text ul li {
	padding: 2px 0 0 0;
	background: none;
}



/* 2008.05.15 追加　改修ページに合わせてアイコンマークの余白追加 */
span.ico {
	padding: 0 0.2em;
}

span.ico img {
	vertical-align: middle;
}


a.linkBlue {
	font-weight: normal;
}