@charset "Shift_JIS";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #FF0000}

/* レイアウト */
.t10b { font-size: 10px; line-height: 14px}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14p { font-size: 14px ; font-weight: bold ; color: #333333 ; line-height:1.5em}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/* CSS初期設定 */

body {
	background-color:#ffffff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif ;
}
h1{
	font-size:12px;
	margin:0;
	paddoing:0;
	font-weight:normal;
}

p,h2,h3,h4,h5,ul,li,dl,dt,dd { 
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
	line-height: 1.3em;
}
ul {
	list-style:none;
}
a {
	overflow: hidden;
}
.clear {
	clear: both;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearfix { 
	display: inline-table; 
	min-height: 1%; 
}
#bg img {
	border:0;
	vertical-align:bottom;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}

/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;

}



/* 　トラなびトップ画像
------------------------------------------ */
#boxTitle {
	position:relative;
	height:118px;
	width: 950px;
/*	border-bottom: 10px solid #eb003f; */
	margin-bottom:12px;
}
#boxTitle p {
	position:absolute;
	color:#e21d17;
	top:30px;
	left:220px;
}
#boxTitle ul {
	position:absolute;
	top:67px;
	left:9px;
}
#boxTitle li {
	float:left;
	height:31px;
	text-indent: -9999px;
}
#boxTitle a {
	display:block;
	height:31px;
}
.tab1 {
	width:110px;
	background-image: url(../../../images/tab1.gif);
}
.tab2 {
	width:84px;
	background-image: url(../../../images/tab2.gif);
}
.tab3 {
	width:100px;
	background-image: url(../../../images/tab3.gif);
}
.tab4 {
	width:83px;
	background-image: url(../../../images/tab4.gif);
}
.tab5 {
	width:134px;
	background-image: url(../../../images/tab5.gif);
}
.tab6 {
	width:70px;
	background-image: url(../../../images/tab6.gif);
}
.tab7 {
	width:100px;
	background-image: url(../../../images/tab7.gif);
}
.tab8 {
	width:70px;
	background-image: url(../../../images/tab8.gif);
}
.tab9 {
	width:71px;
	background-image: url(../../../images/tab9.gif);
}
.tab10 {
	width:110px;
	background-image: url(../../../images/tab10.gif);
}
.tab1on {
	width:110px;
	background-image: url(../../../images/tab1_on.gif);
}
.tab2on {
	width:84px;
	background-image: url(../../../images/tab2_on.gif);
}
.tab3on {
	width:100px;
	background-image: url(../../../images/tab3_on.gif);
}
.tab4on {
	width:83px;
	background-image: url(../../../images/tab4_on.gif);
}
.tab5on {
	width:134px;
	background-image: url(../../../images/tab5_on.gif);
}
.tab6on {
	width:70px;
	background-image: url(../../../images/tab6_on.gif);
}
.tab7on {
	width:100px;
	background-image: url(../../../images/tab7_on.gif);
}
.tab8on {
	width:70px;
	background-image: url(../../../images/tab8_on.gif);
}
.tab9on {
	width:71px;
	background-image: url(../../../images/tab9_on.gif);
}
.tab10on {
	width:110px;
	background-image: url(../../../images/tab10_on.gif);
}
.tab1 a {
	width:110px;
	background-image: url(../../../images/tab1.gif);
}
.tab2 a {
	width:84px;
	background-image: url(../../../images/tab2.gif);
}
.tab3 a {
	width:100px;
	background-image: url(../../../images/tab3.gif);
}
.tab4 a {
	width:83px;
	background-image: url(../../../images/tab4.gif);
}
.tab5 a {
	width:134px;
	background-image: url(../../../images/tab5.gif);
}
.tab6 a {
	width:70px;
	background-image: url(../../../images/tab6.gif);
}
.tab7 a {
	width:100px;
	background-image: url(../../../images/tab7.gif);
}
.tab8 a {
	width:70px;
	background-image: url(../../../images/tab8.gif);
}
.tab9 a {
	width:71px;
	background-image: url(../../../images/tab9.gif);
}
.tab10 a {
	width:110px;
	background-image: url(../../../images/tab10.gif);
}
.tab1 a:hover {
	background-image: url(../../../images/tab1_ov.gif);
}
.tab2 a:hover {
	background-image: url(../../../images/tab2_ov.gif);
}
.tab3 a:hover {
	background-image: url(../../../images/tab3_ov.gif);
}
.tab4 a:hover {
	background-image: url(../../../images/tab4_ov.gif);
}
.tab5 a:hover {
	background-image: url(../../../images/tab5_ov.gif);
}
.tab6 a:hover {
	background-image: url(../../../images/tab6_ov.gif);
}
.tab7 a:hover {
	background-image: url(../../../images/tab7_ov.gif);
}
.tab8 a:hover {
	background-image: url(../../../images/tab8_ov.gif);
}
.tab9 a:hover {
	background-image: url(../../../images/tab9_ov.gif);
}
.tab10 a:hover {
	background-image: url(../../../images/tab10_ov.gif);
}


/* タイトル
------------------------------------------ */
h1 {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	padding:3px;
	margin:0px;
}
.titTop {
	padding:0px;
	margin:0px;
}

/* ●●●タイトル●●● */
#title {
	position: relative;
	width:950px;
	height:227px;
	overflow:hidden;
}
#title #btnKaigai {
	width: 131px;
	position: absolute;
	left: 817px;
	top: 0px;
	margin:0;
	padding:0;

}



/* タブ
------------------------------------------ */
#boxTab {
	height:66px;
}
#boxTab ul {
	padding:0px;
	margin:0px;
}
#boxTab li {
	float:left;
	padding:0px;
	margin:0px;
}


/* 「未成年者」のお申込みについて
------------------------------------------ */
#boxMosikomi {
	background-image: url(../images/bg_mosikomi.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 950px;
	height:84px;
	margin:10px 0px 20px 0px;
}
#boxMosikomi h3 {
	background-image: url(../images/ti_mosikomi.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 950px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 15px 0px;
}
.txtMosikomi {
	background-image: url(../images/tx_mosikomi.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 635px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 0px 20px;
}
.btnMosikomi {
	padding:0px;
	margin:-27px 0px 0px 700px;
}


/* おすすめ情報
------------------------------------------ */
#boxOsusume1 {
	float:left;
	background-image: url(../images/bg_osusume.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 763px;
	height:191px;
	margin-bottom:28px;
	overflow:auto;
	overflow-x:hidden;
}




#boxOsusume1 h3 {
	background-image: url(../images/ti_osusume.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 763px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
#boxOsusume1 ul {
	height:159px;
	overflow:auto;
	padding:0px 0px 0px 14px;
	margin:0px;
}
#boxOsusume1 li {
	width:730px;
	background-image: url(../images/ln_osusume.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size:12px;
	line-height:18px;
	color:#5a5a5a;
	padding:8px 0px 8px 0px;
	margin:0px;
}
#boxOsusume2 {
	float:left;
	background-image: url(../images/bg_osusume_bnr.gif);
	background-repeat: no-repeat;
	height: 191px;
	width: 187px;
	margin-bottom:28px;
}
#boxOsusume2 ul {
	padding:4px 0px 0px 4px;
	margin:0px;
}
#boxOsusume2 li {
	width:179px;
	height:91px;
	background-color:#FFF;
	padding:0px;
	margin:0px 0px 1px 0px;
}


/* なんといっても価格で選ぶ！
------------------------------------------ */
#boxKakaku {
	clear:both;
	margin-bottom:30px;
}
#boxKakaku h3 {
	background-image: url(../images/ti_kakaku.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 950px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
.Kakaku {
	float:left;
	width:216px;
	border:1px solid #a8a8a8;
	padding:10px 0px 10px 0px;
	margin:19px 9px 0px 9px;
	_margin:19px 6px 0px 9px;
	_display:inline;
}
.Kakaku h4 {
	padding:0px;
	margin:0px 0px 7px 10px;
}
.Kakaku p {
	font-size:12px;
	line-height:18px;
	color:#484848;
	padding:0px;
	margin:0px 10px 7px 10px;
}
.Kakaku ul {
	padding:0px 0px 0px 10px;
	margin:0px;
}
.Kakaku li {
	float:left;
	padding:0px;
	margin:0px 6px 0px 0px;
}


/* 目的でチョイス(大タブ)！
------------------------------------------ */
#boxMokuteki {
	margin-bottom:30px;
}
#boxMokuteki h3 {
	background-image: url(../images/ti_mokuteki.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 950px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
.Mokuteki1 {
	float:left;
	width:454px;
	height:340px;
	border-left:1px solid #a8a8a8;
	border-right:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	border-top:5px solid #fccc38;
	padding:10px 0px 10px 0px;
	margin:20px 9px 0px 9px;
	_margin:20px 6px 0px 9px;
	_display:inline;
}
.Mokuteki1 h4 {
	padding:0px;
	margin:0px 0px 10px 10px;
}
.bnrMokuteki1 {
	float:left;
	width:247px;
	text-align:center;
	padding:0px;
	margin:0px;
}
.txtMokuteki1 {
	float:left;
	width:202px;
}
.txtMokuteki1 p {
	width:196px;
	height:220px;
	font-size:12px;
	line-height:18px;
	color:#484848;
	padding:0px;
	margin:0px;
}
.txtMokuteki1 ul {
	width:202px;
	padding:0px;
	margin:0px;
}
.txtMokuteki1 li {
	float:left;
	padding:0px;
	margin:0px 6px 0px 0px;
}

/* 目的でチョイス(ミニタブ)！
------------------------------------------ */
.Mokuteki2 {
	float:left;
	width:216px;
	height:300px;
	border-left:1px solid #a8a8a8;
	border-right:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	border-top:5px solid #fccc38;
	padding:10px 0px 10px 0px;
	margin:20px 9px 0px 9px;
	_margin:20px 6px 0px 9px;
	_display:inline;
}
.Mokuteki2 h4 {
	font-size:12px;
	line-height:18px;
	color:#484848;
	font-weight:bold;
	text-align:center;
	padding:0px;
	margin:0px 0px 7px 0px;
}
.imgMokuteki2 {
	padding:0px;
	margin:0px 0px 7px 10px;
}
.txtMokuteki2 {
	top:100px;
	height:115px;
	font-size:12px;
	line-height:18px;
	color:#484848;
	padding:0px;
	margin:0px 10px 7px 10px;
}
.Mokuteki2  ul {
	height:26px;
	padding:0px 0px 0px 10px;
	margin:0px;
}
.Mokuteki2  li {
	float:center;
	width:196px;
	padding:0px;
	margin:0px 6px 0px 0px;
}

.center{
	padding:0 0 0 100px;
}

/* 方面でチョイス！
------------------------------------------ */
#boxArea {
}
#boxArea h3 {
	background-image: url(../images/ti_area.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 950px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 20px 0px;
}
#boxArea ul {
	padding:0px 0px 0px 10px;
	margin:0px;
}
#boxArea li {
	float:left;
	width:303px;
	height:70px;
	padding:0px;
	margin:5px;
}