@charset  "Shift_JIS";



/* all */
/* =====================================================*/
body {
	color: #4d4d4d;
	font-size: x-small;
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "lr oSVbN", sans-serif;
	margin: 0;
	padding: 0;
	background: #fff;
	background:url("../image/body_bk.gif") repeat-y;
}
td{
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "lr oSVbN", sans-serif;
}
h1{
	margin: 0;
	padding: 0;
}

/*** all_link ***/
a {
	color: #f00;
}
.fl{	float:left;}
.fr{	float:right;}

/* noscript */
/* =====================================================*/

 .nosc{
	color: #333333;
	font-size:12px;
}


/* bt_month*/
/* =====================================================*/
#bt_month{
	background-color:#EF0008;
	text-align:center;
	padding:10px 0 9px;
	background:url("../image/bt_month_bk.gif");
}


/* first*/
/* =====================================================*/
.first-box{
	padding:0 0 0 10px;
}
.first-txt2 {
	font-size:10px; 
	line-height:1.4em; 
	color: #f00;
	padding:8px 10px 0;
	text-align:left;
}
.first-txt2 a:link {
	color: #ff0;
	text-decoration: none;
}
.first-txt2 a:visited {
	color: #ff0;
	text-decoration: none;
}
.first-txt2 a:hover {
	color: #FFFF90;
	text-decoration: underline;
}
.first-txt2 a:active {
	color: #ff0;
	text-decoration: none;
}

.first-txt{
	font-size:10px; 
	line-height:1.3em; 
	color: #f00;
	padding:0 10px 5px 10px;
}
.first-txt strong{
	font-weight:bold;
	font-size:14px; 
	line-height:1.3em; 
}

.first-txt a:link {
	color: #f00;
	text-decoration: none;
}
.first-txt a:visited {
	color: #f00;
	text-decoration: none;
}
.first-txt a:hover {
	color: #f60;
	text-decoration: underline;
}
.first-txt a:active {
	color: #f00;
	text-decoration: none;
}
.first-txt span a:link {
	color: #306;
	text-decoration: none;
}
.first-txt span a:visited {
	color: #306;
	text-decoration: none;
}
.first-txt span a:hover {
	color: #f60;
	text-decoration: underline;
}
.first-txt span a:active {
	color: #306;
	text-decoration: none;
}


.bunner{
	padding:8px 0;
}
.help{
padding:0 0 5px;
}
/* lineup */
#lineup .normal {
	 font-size: 12px;
	 line-height: 17px;
	 color: #FF5A00;
	 margin-top: 2px;
	 margin-left: 2px;
}
#lineup .small-y {
	 font-size: 10px;
	 line-height: 15px;
	 color: #333;
}
#lineup .small-w {
	 font-size: 10px;
	 line-height: 15px;
	color: #333;
	margin-top: 3px;
	margin-left: 2px;
	 margin-bottom: 2px;
}

/* free */
/* =====================================================*/

.free-tit{
	font-size:14px;
	color: #006599;
	line-height: 1.2em;
	font-weight:bold;
	border-left:3px solid #FFA200;
	padding:0 0 0 7px;
	margin:5px 0 3px 0;
}
.free-tit a:link {
	color: #006599;
	text-decoration:none;
}
.free-tit a:visited {
	color: #006599;
	text-decoration:none;
}
.free-tit a:hover {
	color: #0095E1;
	text-decoration:none;
	border-bottom:1px solid #FFA200;
}
.free-tit a:active {
	color: #006599;
	text-decoration:none;
}
.free-tit2{
	font-size:12px;
	color: #006599;
	line-height: 1.2em;
	font-weight:bold;
	border-left:3px solid #FFA200;
	padding:0 0 0 7px;
	margin:5px 0 3px 0;
}
.free-tit2 a:link {
	color: #006599;
	text-decoration:none;
}
.free-tit2 a:visited {
	color: #006599;
	text-decoration:none;
}
.free-tit2 a:hover {
	color: #0095E1;
	text-decoration:none;
	border-bottom:1px solid #FFA200;
}
.free-tit2 a:active {
	color: #006599;
	text-decoration:none;
}
.free-detail{
	font-size:10px;
	line-height: 1.3em;
	color: #006599;
	padding:0 0 5px;
}
.free-detail span{
	color: #FF1B7C;
}
.free-tn{
	border:1px solid #FFA200;
	margin:5px ;
}
.free-icn a:link {
	color: #ff0;
	text-decoration: none;
}
.free-icn a:visited {
	color: #ff0;
	text-decoration: none;
}
.free-icn a:hover {
	color: #ffc;
	text-decoration: none;
}
.free-icn a:active {
	color: #ff0;
	text-decoration: none;
}

/* pack */
/* =====================================================*/

.pack-tn{
	border:1px solid #CE2700;
}
.pack-tn2 img{
	border:1px solid #ff0;
}
.pack-tn2{
	margin:0 0 10px;
	text-align:center;
}
.pack-tn2 a{
	margin:1px 0 0;
	text-decoration: none;
}
.pack-tit {
	color: #CE3100;
	font-size: 12px;
	line-height: 1.3em;
	}
.pack-titb {
	color: #CE3100;
	font-size: 12px;
	line-height: 1.3em;
	padding:0 0 0 30px;
	background:url("../image/icn_pack.gif") no-repeat;
	}
.pack-titb2 {
	height:27px;
	color: #CE3100;
	font-size: 12px;
	line-height: 1.3em;
	padding:0 0 0 30px;
	background:url("../image/icn_pack.gif") no-repeat;
	}
.pack-detail {
	color: #333;
	font-size: 10px;
	line-height: 1.3em;
	margin-top: 4px;
	}
.pack-detail-st {
	color: #CE0000;
	font-size: 10px;
	line-height: 1.3em;
	margin-top: 4px;
	}
.pack-tit2 {
	color: #fff;
	font-size: 16px;
	font-weight:bold;
	line-height: 1.3em;
	padding:0 10px 0;
	padding:0 0 0 30px;
	background:url("../image/icn_pack2.gif") no-repeat;
	}
.pack-tit2 span{
	font-size: 14px;
	font-weight:bold;
	}
.pack-detail2{
	color: #fff;
	font-size: 12px;
	line-height: 1.3em;
	padding:5px 10px 0;
	}
.pack-detail2-st{
	color: #ff0;
	font-size: 12px;
	font-weight:bold;
	line-height: 1.3em;
	padding:5px 10px 0;
	}

/* */
.pack-tit a:link {
	color: #C50E00;
	text-decoration: none;
	}
.pack-tit a:visited {
	color: #C50E00;
	text-decoration: none;
	}
.pack-tit a:hover {
	color: #C50E00;
	text-decoration: underline;
	}
.pack-tit a:active {
	color: #C50E00;
	text-decoration: none;
}

/* */
.pack-tit2 a:link {
	color: #fff;
	text-decoration: none;
	}
.pack-tit2 a:visited {
	color: #fff;
	text-decoration: none;
	}
.pack-tit2 a:hover {
	color: #FFFF00;
	text-decoration: underline;
	}
.pack-tit2 a:active {
	color: #fff;
	text-decoration: none;
}
/* */
.pack-titb a:link {
	color: #C50E00;
	text-decoration: none;
	}
.pack-titb a:visited {
	color: #C50E00;
	text-decoration: none;
	}
.pack-titb a:hover {
	color: #C50E00;
	text-decoration: underline;
	}
.pack-titb a:active {
	color: #C50E00;
	text-decoration: none;
}
/* */
.pack-titb2 a:link {
	color: #C50E00;
	text-decoration: none;
	}
.pack-titb2 a:visited {
	color: #C50E00;
	text-decoration: none;
	}
.pack-titb2 a:hover {
	color: #C50E00;
	text-decoration: underline;
	}
.pack-titb2 a:active {
	color: #C50E00;
	text-decoration: none;
}
/* */
.pack-detail2 a:link {
	color: #fff;
	text-decoration: none;
	}
.pack-detail2 a:visited {
	color: #fff;
	text-decoration: none;
	}
.pack-detail2 a:hover {
	color: #FFFF00;
	text-decoration: underline;
	}
.pack-detail2 a:active {
	color: #fff;
	text-decoration: none;
}

/* */
.pack-detail-st a:link {
	color: #CE0000;
	text-decoration: none;
	}
.pack-detail-st a:visited {
	color: #CE0000;
	text-decoration: none;
	}
.pack-detail-st a:hover {
	color: #CE0000;
	text-decoration: underline;
	}
.pack-detail-st a:active {
	color: #CE0000;
	text-decoration: none;
}

/* */
.pack-detail2-st a:link {
	color: #ff0;
	text-decoration: none;
	}
.pack-detail2-st a:visited {
	color: #ff0;
	text-decoration: none;
	}
.pack-detail2-st a:hover {
	color: #ff0;
	text-decoration: underline;
	}
.pack-detail2-st a:active {
	color: #ff0;
	text-decoration: none;
}

/* book */
/* =====================================================*/
.book-txt{
	font-size:12px; 
	line-height:1.3em; 
	color: #333;
	padding:5px 0 0;
	text-align:center;
}
.book-txt strong{
	font-weight:bold;
	color: #0075CF;
	font-size:12px; 
	line-height:1.5em; 
}
.book-st{
	font-weight:bold;
	font-size:10px; 
	color: #f30;
	padding:5px 0 ;
	line-height:1.5em; 
}

/***content***/
#book .content{
	width:688px;
	margin:0 0 0 25px;
}
#book .content-left01{
	text-align:center;
	float:left;
	width:167px;
}
#book .content-right01{
	text-align:center;
	float: right;
	width:167px;
}
#book .content-left02{
	float:left;
	width:344px;
}
#book .content-right02{
	text-align:center;
	float: right;
	width:167px;
}
#book .content-left03{
	float:left;
	width:521px;
}
#book .content-right03{
	text-align:center;
	float: right;
	width:167px;
}

#book{
	width:739px;
	margin:15px 13px;
	background: url(../image/book_head.gif) no-repeat;
}
#book h4{
	width:739px;
	height: 41px;
	margin:0;
	padding:0;
	text-decoration: none;
	text-indent: -9999px;
	background: url(../image/book_head.gif) no-repeat;
}
#book .col1-c{
	background: url(../image/book_bk_c.gif) repeat-y;
}
#book .col1-b{
	width:739px;
	height: 14px;
	background: url(../image/book_bottom.gif) no-repeat;
}
#book h5{
	font-weight:bold;
	color: #0075CF;
	font-size:12px; 
	padding:0;
	margin:5px 0 3px;
}
#book h5 span{
	display:block;
	width:167px;
	height: 180px;
	text-indent: -9999px;
}
#book h5 span.book01{
	background: url(../image/book_beruno2.jpg) no-repeat top center;
}
#book h5 span.book02{
	background: url(../image/book_beruno.jpg) no-repeat top center;
}
#book h5 span.book03{
	background: url(../image/050401a_p06.jpg) no-repeat top center;
}
#book h5 span.book04{
	background: url(../image/book_dyn.jpg) no-repeat top center;
}
#book .st{
	font-weight:bold;
	font-size:10px; 
	color: #f30;
	line-height:1.5em; 
}
#book p{
	font-size:12px; 
	line-height:1.3em; 
	color: #333;
	padding:0;
	margin:0;
}
/* michao */
.michao a{
	display:block;
	width:739px;
	height: 98px;
	margin:15px 13px;
	text-decoration: none;
	text-indent: -9999px;
	background: url(../image/michao.gif) no-repeat;
}



/* registwiF */
#regist .back{
	background:#f00;
	}
#regist .back2{
	background-color:#F9F2FF;
}

/* regist */
#registbox{
	margin-top:4px;
	margin-right:4px;
	margin-bottom:4px;
	margin-left:4px;
	}
#regist .t10{
	font-size:10px; 
	line-height:1.3em; 
	color: #f00;
}
#regist .first{
	font-size:12px; 
	font-weight:bold;
	color:#FFFF00;
	margin-top:4px;
	margin-right:0px;
	margin-bottom:2px;
	margin-left:4px;
	}
#regist .tb14{
	font-size:14px; 
	font-weight:bold;
	color:#f00;
	margin-top:4px;
	margin-right:0px;
	margin-bottom:2px;
	margin-left:4px;
	}
	#regist .image{
	margin-top:3px;
	}
#regist a:link {
	color: #f00;
	text-decoration: none;
	}
#regist a:visited {
	color: #f00;
	text-decoration: none;
	}
#regist a:hover {
	color: #870000;
	text-decoration: none;
	}
#regist a:active {
	color: #f00;
	text-decoration: none;
	}


/* free */
/* =====================================================*/

#free .box{
	margin-top:4px;
	margin-right:4px;
	margin-bottom:4px;
	margin-left:4px;
	}
#free td{
	background-color:#F9F2FF;
	}
#free strong {
	font-size:14px; 
	font-weight:bold;
	line-height:1.2em; 
	color: #F00;
	}
#free .t10 {
	font-size: 10px; 
	font-weight:bold;
	color:#F00;
	margin-top:4px;
	margin-right:4px;
	}
#free .t12 {
	font-size:10px; 
	line-height:1.3em; 
	color: #F00;
	}
#free .tb14 {
	font-size:14px; 
	font-weight:bold;
	color:#F00;
	margin-top:4px;
	margin-left:4px;
	}
#free .t12space {
	text-indent:1.3em; 
	font-size:12px; 
	line-height:1.3em; 
	}
#free a:link {
	color: #F00;
	text-decoration: none;
	}
#free a:visited {
	color: #F00;
	text-decoration: none;
	}
#free a:hover {
	color: #870000;
	text-decoration: none;
	}
#free a:active {
	color: #F00;
	text-decoration: none;
	}


/* footer */
/* =====================================================*/

#footer {
	font-size: 12px; 
	margin:0px 15px 0px 5px;
	}
#footer a:link {
	color: #ffffff;
	text-decoration: none;
	}
#footer a:visited {
	color: #ffffff;
	text-decoration: none;
	}
#footer a:hover {
	color: #ffff00;
	text-decoration: none;
	}
#footer a:active {
	color: #ffffcc;
	text-decoration: none;
	}
	


/* provider */
/* =====================================================*/

.provider{
	font-size: 10px; 
	color:#ffffff;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	}
.provider_st{
	font-size: 10px; 
	color:#ff0000;
	font-weight:bold;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	}
.provider a:link {
	color: #ffff00;
	text-decoration: none;
	}
.provider a:visited {
	color: #ffff00;
	text-decoration: none;
	}
.provider a:hover {
	color: #ff9900;
	text-decoration: none;
	}
.provider a:active {
	color: #ffffcc;
	text-decoration: none;
	}


/* =====================================================*/
/* =====================================================*/
/* =====================================================*/

/* recent-news*/
/* =====================================================*/
div#recent-news p{
	color:#333;
	line-height:1.5em;
	font-weight:bold;
	font-size:12px;
	padding:5px 10px;
	margin:0;
	background-color:#ff0;
}
div#recent-news td{
	color:#6D291B;
	font-size:10px;
	line-height:1.3em;
}
div#recent-news ul{
	margin:3px 0;
	padding:0;
	list-style-type: none;
}
div#recent-news li{
	padding:0 10px 3px 20px;
	background: url(../image/news_li.gif) no-repeat;
	background-position: 10px 6px;
}
div#recent-news a{
	color:#f00;
	text-decoration: none;
	}
div#recent-news a:link {
	color:#f00;
	}
div#recent-news a:hover {
	color:#f03;
	}
div#recent-news a:visited {
	color:#f00;
	}
div#recent-news a:active {
	color:#f00;
	}
/* container*/
/* =====================================================*/
div#container {
	width: 582px;
	padding:0 10px;
}
div#container *{
	margin:0;
	padding:0;
}
h1,h2{
	margin:0;
	padding:0;
}

div.box{
	width: 582px;
}
div#mainImage .box{
	padding:0;
	margin:0;
}
div#mainImage .box{
	width: 582px;
}
div#mainImage .boxL{
	float:left;
	width: 352px;
}
div#mainImage .boxR{
	float:right;
	width: 230px;
}

/*flashbunner*/
div#mainImage .flashbunner{
	color:#fff;
	width: 225px;
	height:133px;
	padding:3px 0 0;
	margin:0;
	background-color:#1E37CA;
}
div#mainImage .flashbunner h2{
	font-size:16px;
	font-weight:bold;
	padding:0;
	margin:0 5px 5px;
}
div#mainImage .flashbunner h2 span,div#mainImage .flashbunner p span{
	font-size:10px;
}
div#mainImage .flashbunner p{
	font-size:12px;
	line-height:1.8em;
	padding:0;
	margin:0 0 0 5px;
}
div#mainImage .flashbunner a{
	color:#fff;
	text-decoration: none;
}
div#mainImage .flashbunner a:hover {
	color:#ff0;
}

/*tra*/
div.tra{
	padding:8px 10px 0;
	color:#fff;
}
div.tra h2{
	padding:8px 10px 0 10px;
	margin:0;
	font-size:16px;
}
div.tra h2 strong{
	font-size:16px;
}
div.tra p{
	padding:0 10px 1em 10px;
	margin:0;
	line-height:1.3em;
	font-size:12px;
	color:#FEFFE1;
}
div.tra a{
	color:#fff;
	text-decoration: none;
}
div.tra a:hover {
	color:#ff0;
}

/*barbar*/
div.barbar{
	width: 582px;
	height:165x;
	background: url(../image/barbar_img.jpg) no-repeat;
}
div.barbar h2{
	font-size:16px;
	font-weight:bold;
	line-height:1.3em;
	margin:0;
	padding:80px 0 0 160px;
}
div.barbar h2 span{
	font-size:14px;
}
div.barbar p{
	font-size:12px;
	line-height:1.5em;
	margin:0;
	padding:0 0 5px 160px;
}
div.barbar a{
	color:#fff;
	text-decoration: none;
}
div.barbar a:hover {
	color:#ff0;
}
div.boxL{
	float:left;
	width:291px;
}
div.boxR{
	float:right;
	width:291px;
}

/*john*/
div.john{
	width: 582px;
	height:166px;
	background: url(../image/john_img.gif) no-repeat;
}
div.john h2{
	font-size:16px;
	font-weight:bold;
	line-height:1.3em;
	margin:0;
	padding:60px 130px 0 160px;
}
div.john h2 span{
	font-size:14px;
}
div.john p{
	font-size:12px;
	line-height:1.5em;
	margin:0;
	padding:0 190px 0 160px;
}
div.john a{
	color:#fff;
	text-decoration: none;
}
div.john a:hover {
	color:#ff0;
}
/*rinko*/
div.rinko{
	width:291px;
	height:388px;
	background: url(../image/rinko_img.jpg) no-repeat;
}
div.rinko h2{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:1.3em;
	margin:0;
	padding:265px 0 0 95px;
}
div.rinko h2 span{
	font-size:14px;
}
div.rinko p{
	font-size:12px;
	line-height:1.3em;
	margin:0;
	padding:10px 0 0 95px;
}
div.rinko a{
	color:#fff;
	text-decoration: none;
}
div.rinko a:hover {
	color:#ff0;
}

/*two*/
div.two{
	width:582px;
	height:168px;
	background: url(../image/two_img.gif) no-repeat;
}
div.two h2{
	font-size:16px;
	font-weight:bold;
	line-height:1.3em;
	margin:0;
	padding:65px 165px 0 10px;
}
div.two h2 span{
	font-size:14px;
}
div.two p{
	font-size:12px;
	line-height:1.3em;
	margin:0;
	padding:0 400px 5px 10px;
}
div.two a{
	color:#556d36;
	text-decoration: none;
}
div.two a:hover {
	color:#690;
}

/*lineup*/
div.lineupTit{
	clear:both;
}


.clear{
	font-size:1px;
	clear:both;
}

/*fin*/
#fin {
	line-height:1.5;
	width:765px;
	color:#ff0;
	background-color:#000;	
}
#fin p{
	font-size:12px;
	padding:10px 20px;
}








