@charset "utf-8";

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

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

body{
	color:#333;
	text-align:center;
	font-size:75%;
	line-height:1.3;
	}
	
body {
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif;
	}
	
a { text-decoration: none;	}
a:link, a:visited, a:active { color: #0190e2;}
a:hover { color: #5fc5ff ;}

a img  { border:none; }
	
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form, input, div, img{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style:none;
	}


#wrapper { width:943px; margin:0 auto;	}
#header { text-align:left;}
#header h1 a { display:block; width:415px; height:57px; background:url(../img/h1.gif); margin-top:6px; text-indent:-9999px; float:left;}
#header #google{ width:248px; height:36px; background:url(../img/google.jpg) no-repeat #ffffff !important; float:right;text-align: center; padding: 10px 0 0 0; margin:10px 0px;}
*html body #header #google{ height:46px; }

#header #yahoo{ width:389px; height:36px; background:url(../img/yahoo.jpg) no-repeat #ffffff !important; float:right;text-align: right; padding: 13px 11px 0 0; margin:10px 0px;}
*html body #header #yahoo{ height:46px; width:400px; padding: 11px 11px 0 0;}
	
#gNavi { clear:both;}
#gNavi ul{ overflow:hidden; margin-bottom:20px; width:943px; background:url(../img/gnavi.gif) left top no-repeat;}
#gNavi ul li{ float:left;}
#gNavi ul li a{ height:46px;}
#gNavi ul li#gn01 a{ display:block; background:url(../img/gnavi.gif) 0 0; width:217px; text-indent:-9999px;}
#gNavi ul li#gn02 a{ display:block; background:url(../img/gnavi.gif) -217px 0; width:244px; text-indent:-9999px;}
#gNavi ul li#gn03 a{ display:block; background:url(../img/gnavi.gif) -461px 0; width:132px; text-indent:-9999px;}
#gNavi ul li#gn04 a{ display:block; background:url(../img/gnavi.gif) -593px 0; width:170px; text-indent:-9999px;}


#gNavi ul li#gn01 a:hover{background-position:0 -46px;}
#gNavi ul li#gn02 a:hover{background-position:-217px -46px;}
#gNavi ul li#gn03 a:hover{background-position:-461px -46px;}
#gNavi ul li#gn04 a:hover{background-position:-593px -46px;}


#rightBox{ width:182px; float:right; margin-top:3px;}

#leftBox{ width:758px; float:left;}
#leftBox .leftConBox{ width:743px; background:url(../../img/h2_bg.gif) repeat-y;}
#leftBox .leftConBoxbg{ background:url(../../img/h2_btm.gif) no-repeat bottom; padding-bottom:15px;}
#leftBox .leftConBox h2{ margin-bottom:7px;}
#leftBox .leftConBox dl.main dt{width:4em; float:left; font-weight:bold; color:#2981d2;}
#leftBox .leftConBox dl.main dd{color:#2981d2;}

#leftBox .leftConBox .entry01 .open dl dt{width:4em; color:#f83d45;}
#leftBox .leftConBox .entry01 .open dl dd{color:#f83d45; font-weight:bold;}
#leftBox .leftConBox .entry02 .open dl dt{width:4em; color:#05c7a9;}
#leftBox .leftConBox .entry02 .open dl dd{color:#05c7a9; font-weight:bold;}
#leftBox .leftConBox .entry03 .open dl dt{width:4em; color:#80d229;}
#leftBox .leftConBox .entry03 .open dl dd{color:#80d229; font-weight:bold;}
#leftBox .leftConBox .entry04 .open dl dt{width:4em; color:#b955ce;}
#leftBox .leftConBox .entry04 .open dl dd{color:#b955ce; font-weight:bold;}
#leftBox .leftConBox .entry05 .open dl dt{width:4em; color:#be8345;}
#leftBox .leftConBox .entry05 .open dl dd{color:#be8345; font-weight:bold;}
#leftBox .leftConBox .entry07 .open dl dt{width:4em; color:#5270e2;}
#leftBox .leftConBox .entry07 .open dl dd{color:#5270e2; font-weight:bold;}
#leftBox .leftConBox .entry08 .open dl dt{width:4em; color:#f8b500;}
#leftBox .leftConBox .entry08 .open dl dd{color:#f8b500; font-weight:bold;}

#leftBox .leftConBox dl a:link, #leftBox .leftConBox dl a:visited, #leftBox .leftConBox dl a:active { color: #2981d2; text-decoration:none;}
#leftBox .leftConBox dl a:hover { color: #84c4ff;}

#leftBox .leftConBox .entcale{ float:right; padding-left:14px; font-size:0.8em; background:url(../../img/ico_cale.gif) 0 3px no-repeat;}

#leftBox .leftConBox .entline{	width:714px; background:#fff; text-align:center; margin: 0 auto;}

#leftBox .leftConBox .entry01{
	width:670px;
	background:#fff url(../../img/ico_01.gif) 10px 6px no-repeat;
	padding:6px 10px 4px 34px;
	margin: 0 auto;
	text-align:left;}
	
#leftBox .leftConBox .entry02{
	width:670px;
	background:#fff url(../../img/ico_02.gif) 10px 6px no-repeat;
	padding:6px 10px 4px 34px;
	margin: 0 auto;
	text-align:left;}
	
#leftBox .leftConBox .entry03{
	width:670px;
	background:#fff url(../../img/ico_03.gif) 10px 6px no-repeat;
	padding:6px 10px 4px 34px;
	margin: 0 auto;
	text-align:left;}
	
#leftBox .leftConBox .entry04{
	width:670px;
	background:#fff url(../../img/ico_04.gif) 10px 6px no-repeat;
	padding:6px 10px 4px 34px;
	margin: 0 auto;
	text-align:left;}
	
#leftBox .leftConBox .entry05{
	width:670px;
	background:#fff url(../../img/ico_05.gif) 10px 6px no-repeat;
	padding:6px 10px 4px 34px;
	margin: 0 auto;
	text-align:left;}
	
#leftBox .leftConBox .entry07{
	width:670px;
	background:#fff url(../../img/ico_07.gif) 10px 6px no-repeat;
	padding:6px 10px 4px 34px;
	margin: 0 auto;
	text-align:left;}
	
#leftBox .leftConBox .entry08{
	width:670px;
	background:#fff url(../../img/ico_08.gif) 10px 6px no-repeat;
	padding:6px 10px 4px 34px;
	margin: 0 auto;
	text-align:left;}
	
#leftBox .leftConBox .open {margin-top:6px;}

#leftBox .leftConBox .h2Box{ background:#fff url(../../img/h2_right.gif) no-repeat right bottom;}
#leftBox .leftConBox .h2Box img{ float:left;}
#leftBox .leftConBox .h2Box .mtA a img{ margin-top:26px;}
#leftBox .leftConBox .h2Box .mtB a img{ margin-top:23px;}

		
#contents{text-align:left;}

.caleConBox{ margin:0 auto;}
.caleBox { width:138px; margin-right:15px;}
.caleBox .bg{ background:url(../../img/cal_bg.gif); text-align:center; padding:4px;}
.caleBox th{ background:#ca8739; padding:5px; color:#fff; text-align:center;}
.caltblday td{ text-align:center; background:#fbfaf4;}
.caltblday th{ background:#e1ce8d; color:#735f22;}
.caltblday td.today{ border:1px solid #ff6000; background:#ff8a34; color:#fff;}

.sche td{ background:#fff;padding:0 5px 5px; vertical-align:top; font-size:0.8em;}
.sche td img{ padding-top:5px;}
.sche th{ background:#c1d5e8; color:#225380;padding:5px;font-size:0.8em; text-align:center;}

.sche a:link, .sche a:visited, .sche a:active { color: #2981d2;}
.sche a:hover { color: #84c4ff;}


#rightBox p { margin-bottom:10px;}

		
#footer{
	clear:both;
	margin-top:30px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #d9d9d9;
	text-align:left;
	}
	
#footer ul li{ float:left; background:url(../../img/foot_ico.gif) no-repeat 0 5px; padding-left:8px; margin-right:15px; font-size:0.8em;}	
#footer a:link , #footer a:visited , #footer a:active{color:#666;}
#footer a:hover {color: #333;}
	
#plan{ width:713px; margin:0 15px 15px 15px ; background:#ffffff;}	
#plan .cont{ padding:11px;}
#plan .cont table{ width:541px; border:0; margin:0 auto; text-align:left; margin-top:10px;}
#plan .cont table td{ padding:4px;}
#plan .cont table th{ width:80px;}
#plan .cont .bg{ background:url(../../img/pop_btn_bg.gif); padding:6px; margin-top:10px;}

#detail{ width:460px; background:url(../../img/pop_rtb.gif) no-repeat bottom left; padding-bottom:30px;}
#detail .cont{ background:url(../../img/pop_rta.gif) no-repeat; text-align:left;}
#detail .contBa{ padding:7px; }
#detail .contBb{ padding:11px;}
#detail .contBb h2{background:url(../../img/pop_h2b.gif) no-repeat; width:416px; height:27px; color:#fff; font-weight:bold; font-size:12px; padding-left:8px; padding-top:1px;}


/* スペース関連
---------------------------------------------------- */

.mb05{	margin-bottom:05px;}	
.mb10{	margin-bottom:10px;}	
.mt05{	margin-top:10px;}	
.mt20{	margin-top:20px;}	
.mr13{ margin-right:13px;}

/* その他
---------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr{clear:both; visibility: hidden; min-height: 0; height: 0; width:0;}
.left{float:left;}
.right{float:right;}

.toLeft, th.toLeft, td.toLeft {text-align:left;}
.toRight, th.toRight, td.toRight {text-align:right;}
.toCenter, th.toCenter, td.toCenter {text-align:center;}

.txt08{ font-size:0.8em;}

.w300{ width:300px;}


/*--------------------　追加 id class　--------------------*/
.clear{clear:both;}

#kobe_title{
	background:url(../../img/h2_kobe.gif) left top no-repeat;
	width:743px;
	height:53px;
	overflow:hidden;
	padding-bottom:5px;
}

#kobe_title h2{
	float:left;
	display:none;
}

#kobe_title img{
	margin:25px 18px 0 0;
	float:right;
}

#info_title{
	background:url(../../img/h2_info.gif) left top no-repeat;
	width:743px;
	height:56px;
	overflow:hidden;
	padding-bottom:5px;
}

#info_title h2{
	float:left;
	display:none;
}

#info_title img{
	margin:25px 18px 0 0;
	float:right;
}

#cale_title{
	background:url(../../img/h2_cale.gif) left top no-repeat;
	width:743px;
	height:53px;
	overflow:hidden;
	padding-bottom:5px;
}

#cale_title h2{
	float:left;
	display:none;
}

#cale_title img{
	margin:25px 18px 0 0;
	float:right;
}

#monthly_recommend_title{
	background:url(../../img/h2_monthly_recommend.gif) left top no-repeat;
	width:743px;
	height:53px;
	overflow:hidden;
	padding-bottom:5px;
}

#monthly_recommend_title h2{
	float:left;
	display:none;
}

#monthly_recommend_area{
	width:713px;
	height:200px;
	margin:0 15px 0 15px;
	background:#ffffff;
}

#cont002_left{
	float:left;
	width:400px;
	margin:0;
	padding:0;
}

.bg2{
	float:right;
	background:url(../../img/pop_btn_bg.gif);
	padding:15px 0 0 0;
	width:135px;
	text-align:center;
	margin-top:14px;
}

.bg2 input{
	margin-bottom:15px;
}

.w455{width:455px;}


/*-------------------- Login --------------------*/
#gNavi ul.login-top { overflow:hidden; margin-bottom:10px; width:943px; background:url(../img/gnavi.gif) left top no-repeat;}

a { text-decoration: none;	}
a:link, a:visited, a:active { color: #0190e2;}
a:hover { color: #5fc5ff ;}

#ad_area {float:left; width:200px;}
#info_area {float:right; width:743px;}
#info_area div#info {float:left; width:343px;}
#info_area div#bn {float:right; width:400px;}

#ad_area div#ad_list {background-color:#EDF5FC; border:1px solid #CCCCCC; padding:1px; margin:10px 0px; width:176px;}
*html #ad_area div#ad_list {background-color:#EDF5FC; border:1px solid #CCCCCC; padding:1px; margin:10px 0px; width:180px;}
#ad_area div#guide_list {background-color:#FFF5D9; border:1px solid #CCCCCC; padding:1px; width:176px;}
*html #ad_area div#guide_list {background-color:#FFF5D9; border:1px solid #CCCCCC; padding:1px; width:180px;}
#ad_area div#ad_list ul li {border-bottom:1px dotted #CCCCCC; height:28px;}
#ad_area div#ad_list ul li.last {border:none;}
#ad_area div#ad_list ul li a {text-decoration: none; color:#666666;}
#ad_area div#ad_list ul li a:hover { color: #0190e2 ; text-decoration: underline;}
#ad_area div#ad_list ul li img {margin:0px 10px; vertical-align:middle;}
#ad_area div#guide_list ul {margin-top:5px;}
#ad_area div#guide_list ul li {height:20px; padding-left:10px;}
#ad_area div#guide_list ul li a {text-decoration: none; color:#666666;}
#ad_area div#guide_list ul li a:hover { color: #0190e2 ; text-decoration: underline;}

#info_area div#TSUTAYA {width:743px; text-align:center; margin-bottom:10px; background-color:#000000;}
#info_area div#TSUTAYA a img {margin:0px; padding:0px;}
#info_area div#info #info_list {border:1px solid #CCCCCC; padding:1px; width:319px; margin-bottom:10px;}
*html #info_area div#info #info_list {border:1px solid #CCCCCC; padding:1px; width:323px; margin-bottom:10px;}
#info_area div#info #info_list p {color:#666666; line-height:150%; margin:5px 10px;}
#info_area div#info #info_list p span.title {font-weight:bold; font-size:14px; color:#3397F3;}
#info_area div#info #info_list p span.bold {font-weight:bold;}
#info_area div#info #info_list p.line {border-top:1px dotted #CCCCCC; padding-top:5px;}
#info_area div#info #info_list ul {margin:5px 10px;}
#info_area div#info #info_list ul li {margin:5px;}
#info_area div#info #info_list ul li img { vertical-align:middle; margin-right:10px;}
#info_area div#info #info_list ul li a {text-decoration: none; color:#666666;}
#info_area div#info #info_list ul li a:hover {color: #0190e2; text-decoration: underline;}
#info_area div#info #info_list ul li a span.bold_red {font-weight:bold; color:#E60012;}
#info_area div#info #info_list div.btn_info {background-image:url(../img/btn_infolist.gif); background-repeat:no-repeat; height:22px; text-align:right;}
#info_area div#info #info_list div.btn_info p {padding-top:3px;}

#info_area div#bn div.qr {margin-top:10px;}

/*-------------------- info --------------------*/

#wrapper_info { width:550px; margin:10px auto; text-align:left;}
#wrapper_info dl dt {font-size:14px; margin:10px 0px 5px 0px; font-weight:bold; color:#3397F3;}
#wrapper_info dl dt img {vertical-align:middle; margin-right:10px;}
#wrapper_info dl dd {line-height:150%; border-bottom:1px dotted #CCCCCC; padding:0px 0px 10px 50px; color:#666666;}
#wrapper_info dl dd.line_none {line-height:150%; border-bottom:none; padding:0px 0px 10px 50px; color:#666666;}
#wrapper_info dl dd a {text-decoration: none;}
#wrapper_info dl dd a:hover {text-decoration: underline;}



/*----------退会----------*/

#quit_title{
	width:743px;
	height:54px;
	overflow:hidden;
	padding-bottom:10px;
	padding-top:14px;
	background:url(../../img/quit_top.gif) left top no-repeat;
}

#quit_title h2{
	background:url(../../img/title_quit.gif) left top no-repeat;
	overflow:hidden;
	height:0;
	width:715px;
	padding-top:54px;
	margin-left:14px;
}

.quit_box01{
	margin:0 14px;
	padding:23px 20px 15px 20px;
	background:#ffffff;
	height:1%;
}

.quit_box01 dl{
	margin-bottom:25px;
	height:1%;
	width:650px;
}

.quit_box01 dl .end{
	width:675px;
}

.quit_box01 dt{
	border-left:solid #f83d45 3px;
	padding-left:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.quit_box01 dd{
	margin-left:25px;
}

.quit_box02{
	margin:0 14px;
	padding:23px 20px 15px 20px;
	background:#ffffff;
}

.quit_box02 dt{
	border-left:solid #f83d45 3px;
	padding-left:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.quit_box02 dd{
	margin-left:25px;
}

.text_b{font-weight:bold;}

/*
.list_01{
	padding-left:1em;
	text-indent:-1em;

}
*/

.mt10{margin-top:10px;}
.mt25{margin-top:25px;}
.pb5{padding-bottom:5px;}

#agreement_box{
	margin:0 24px;
	vertical-align:inherit;
	line-height:normal;
}

#agreement_box02{
	text-align:center;
	background:#c7bc97;
	padding:10px 0;
}

#quid_confirmation{
	width:625px;
	background:url(../../img/quid_confirmation_bg.gif) left repeat-y;
	padding:5px 0;
}

#quid_confirmation td{
	padding:5px 0 5px 15px;
}


/*追加00*/

#agreement_box00{
	margin:0 24px 15px 24px;
	vertical-align:inherit;
	line-height:normal;
}

#table626{
	width:626px;
	border:#eeeeee solid 1px;
}

.line01{
	border-right:solid #ffffff 1px;
	border-left:solid #ffffff 1px;
	border-bottom:solid #ffffff 1px;
	background:#ede5c9;
	padding:10px;
	width:170px;
}

.line01_02{
	border:solid #ffffff 1px;
	background:#ede5c9;
	padding:10px;
	width:170px;
}

.line02{
	border-right:solid #ffffff 1px;
	border-bottom:solid #ffffff 1px;
	background:#fcf9ed;
	padding:10px;
}

.line02_02{
	border-right:solid #ffffff 1px;
	border-top:solid #ffffff 1px;
	border-bottom:solid #ffffff 1px;
	background:#fcf9ed;
	padding:10px;
}

.table_in td{
	padding-bottom:2px;
}

.table_tx{
	padding-top:10px;
	font-size:80%;
	line-height:150%;
}

.quit_box_h4{
	border-left:solid #f83d45 3px;
	padding-left:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.quit_box_p{
	margin-left:25px;
	margin-bottom:10px;
}

#end_h4{
	text-align:center;
	color:#FF9900;
	font-size:145%;
	font-weight:bold;
	line-height:115%;
}

#end_p{
	text-align:center;
	padding:15px 0;
}

.mtm10{margin-top:-10px;}

/*----------ユーザー情報----------*/

#user_content{
	width:743px;
	background:url(../../img/user_bk.gif) repeat-y left top;
	margin-bottom:10px;
}

#user_table{
	/*width:705px;*/
	margin:10px 19px 0 19px;
	color:#1f8df2;
	line-height:normal;
}
#user_table td{padding:4px 15px 4px 0;}

#user_name{
	background:url(../../img/user_name_bk.gif) repeat-y left top;
	width:704px;
	padding:0 19px;
	color:#ff8d37;
	font-weight:bold;
}

.text_b{font-weight:bold; color:#5d5d5d;}

.display_block{display:block;}

/*ログインポップアップ*/
#wrapper_login{
	width:355px;
	margin:0 auto;
	padding-top:10px;
}

#login_content{
	padding:20px;
}

#login_content_box{
	width:234px;
	padding:16px 43px 6px 43px;
	text-align:center;
}

#login_content_box table{
	margin:0;
	padding:0;
	line-height:normal;
}

#login_content_box td{
	text-align:left;
	padding:4px 5px 4px 0;
	margin:0;
}

.login_btn_box{width:320px;}
.bold{font-weight:bold;}

/*--▼バナー----------------------------------*/
#banner{
    width: 182px;
}
#banner img{
    margin: 0 0 5px 0;
}
/*--▲バナー----------------------------------*/