@CHARSET "UTF-8";

* { padding: 0; margin: 0; }
img { border:0 none; }
a:link { color: #0066CC; text-decoration: none; decoration:none; }
a:visited { color: #336699; text-decoration: none; }
a:hover { color: #FF3300; text-decoration: underline; }

/* ---------------------------------------- フォントスタイル フォントサイズ */
body { font-size: 14px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif; text-align: center; padding: 0; margin: 0; }

/* ---------------------------------------- レイアウトに関する指定 */
/* メインフレーム */
#wrapper { text-align: left; margin: 0 auto 0; background-color:#FFFFFF; }
#wrapper { width: 990px; } /* スマホ最適化FIX */
@media (min-width: 768px) {
	#wrapper { width: 990px; }
}

/* ウィンドウ */
#body { text-align: left; margin: 0 auto 0; background-color:#FFFFFF; }

/* ---------------------------------------- ヘッダー */

#header ul { list-style-type: none; }
#header li { text-align:center; padding: 0.6em 0; background:#EEEEEE; border: solid 1px #333333; }
@media (min-width: 768px) {
	#header h1 { text-align: left; font-size: 12px; font-weight:normal; height: 20px; padding-top: 4px; padding-left:52px; }
	#header li { display:inline-block; width: 16%; }
}


/* スマホ用ナビ */
.navbar-nav { margin: 7.5px -15px 10px; font-size:1.2em; }
.navbar-default { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: rgb(0, 0, 0); border: none ; }
.navbar-collapse li{ font-size: 15px; font-weight: bold; text-align: center; }
.navbar-default .navbar-nav > li > a{ color: rgb(0, 0, 0); }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{ color: rgb(0, 0, 0); }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{ background-color: rgb(200, 200, 200); color: rgb(0, 0, 0); }
.navbar-toggle { background-color: rgb(255, 255, 255); border: 1px solid rgb(200, 200, 200); }
.navbar-toggle .icon-bar { background-color: rgb(0, 0, 0); }
.navbar-default .navbar-toggle { border-color: rgb(0, 0, 0); }
.navbar-default .navbar-toggle .icon-bar { background-color: rgb(0, 0, 0); }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: rgb(200, 200, 200); }
@media (min-width: 768px) {
	.navbar { display: none; }
	.navbar-nav { margin: 0 ; }
	.navbar-collapse{ width: 900px; margin: 0 auto; padding: 0; }
	.navbar-collapse li{ width: 145px; float: left; border-left: 1px dotted rgb(255, 255, 255); }
	.navbar-collapse li:last-child{ border-right: 1px rgb(200, 200, 200); }
}
/* ---------------------------------------- フッター */
/*

#footer ul { display: none; }
#footer ul { list-style-type: none; }
#footer li { display:inline-block; text-align:center; padding:0.2em 0; background:#EEEEEE; width: 19%; overflow: hidden; }

#footer_link { padding: 10px 0 10px; color:#333333; font-size:12px; text-align:left;  border-top:2px solid #EEE; }
#footer_link p { text-align: left; width: 870px; margin: 0 auto; }
#footer_link img { padding:0px 3px 0px 8px; vertical-align: top; }
#footer_link a:link { color: #333333; text-decoration: none; decoration:none; }
#footer_link a:visited { color: #333333; text-decoration: none; }
#footer_link a:hover { color: #FF3300; text-decoration: underline; }
#footer { padding: 10px 0 15px; background-image:url(../user/footer_bg.png); background-repeat:repeat-x; 	color:#333333; font-size:12px; text-align:center; line-height: 140%; }

@media (min-width: 768px) {
	#footer { display: block; }
}
*/
/* ---------------------------------------- ページのTOPに戻る */
.pagetop { text-align: right; }
/* ---------------------------------------- 見出し */
#main_contents h2 { background-image:url(../user/h2_bg.png); padding: 8px 0 8px 25px; margin: 0 0 10px; color:#FFFFFF; }
#main_contents h3 { background-image:url(../user/h3_bg.png); padding: 8px 0 8px 10px; color: #333; margin: 0 0 10px; }
#main_contents h4 { border-top: 2px dashed #CCC; border-bottom: 2px dashed #CCC; font-size: 14px; background-color: #EEE; margin: 10px 0; padding: 6px 0px 6px 5px; }
#main_contents h5 { background-color:#dcdcdc; color:#000066; border-bottom:2px solid #000099; padding:5px 0 5px 10px; line-height:160%; width:300px; }

/* ---------------------------------------- 共通ページ */
#container { padding: 5px; }
#main_contents { font-size: 1em;line-height: 1.4em;}
#main_contents p{ margin-bottom:15px; }
@media (min-width: 768px) {
	#container { width: 880px; border:1px solid #CCCCCC; padding:10px; margin:25px auto 25px; }
}

/*
#container { width: 880px; border:1px solid #CCCCCC; padding:10px; margin:25px auto 25px; }
#main_contents { font-size: 1em;line-height: 1.4em;}
#main_contents p{ margin-bottom:15px; }
*/

/* キャンセル料のページ */

/* 利用規約 */

/* 会員登録フォーム */
#entry p { margin-bottom: 0; }

*{margin:0;padding:0;font-family:"メイリオ","Meiryo",Verdana,'ＭＳ ゴシック','Osaka',Arial,sans-serif;}

/*default
------------------------------------------------*/
body {	
	margin:0;
	padding:0;
/*	background-image:url("../user/img/bk.png");*/
}
img {
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
}
h1 {
	margin:0;
	padding:0;
	font-size:12px;
	color:rgb(255,255,255);
}
h2,h3 {
	margin:0;
	padding:0;
	font-size:12px;
}
a:link{
	color:rgb(80,80,100);
	text-decoration:underline;
}
a:visited{
	color:rgb(80,80,100);
	text-decoration:underline;
}
a:hover{
	color:rgb(0,0,255);
	text-decoration:underline;
}
a:active{
	color:rgb(0,0,255);
	text-decoration:underline;
}

/*layout
------------------------------------------------*/
#header {
	width:100%;
	background:url("../user/img/header_bk_sm.png");
	border:0px solid rgb(0,0,0);
}
#header_pos {
	margin-left:auto;
	margin-right:auto;
	border:0px solid rgb(0,0,0);
	}
#header-logo {
	padding:0;
	text-align:left;
	border:0px solid rgb(0,0,0);
	}
#header-info {
	position: relative;
	text-align:center;
	color:rgb(255,255,255);
	border:0px solid rgb(0,0,0);
	font-size:9px;
}
#header-info > p {
	margin: 0;
}
#header-info > div {
	display: none;
	font-size: 32px;
	margin: 0 0 16px;
	line-height: 0.95;
}

@media (min-width: 768px) {
	#header {
		height:148px;
		background:url("../user/img/header_bk.png");
	}
	#header_pos {
		width:985px;
		height:148px;
	}
	#header-logo {
		width:45%;
	}
	#header-info {
		width:55%;
		height:148px;
		font-size:12px;
		padding:16px 0 0;
	}
	#header-info > p {
		text-align:left;
		margin: 0 0 10px;
	}
	#header-info > div {
		display: block;
		position: absolute;
		bottom: 0;
	}
	/*
	.bs-navbar-collapse {
		width :100%;
	}
	*/
}


#container {
	margin-left:auto;
	margin-right:auto;
}

#contents {
	border:1px solid rgb(230,230,230);
}
@media (min-width: 768px) {
	/*
	#container {
		width:985px;
	}
	*/
	#contents {
		width:985px;
		padding: 10px 0 0 ;
		border:1px solid rgb(230,230,230);
	}

}

#left {
	font-size:12px;
	border:0px solid rgb(0,0,0);
}
#left p {
	margin: 0;
}
#left .left_link a {
	display: block;
	line-height: 30px;
	height: 30px;
	text-decoration:none;
	border-bottom: 1px solid rgb(255, 255, 255);

}
#left a:link,#left a:visited {
	margin: 0;
	text-decoration: none;
}


#left .left_link a:before {
	border: 1px solid rgb(255, 255, 255);
	content: "+";
	display: inline-block;
	height: 14px;
	line-height: 1;
	margin: 0 7px;
	text-align: center;
	vertical-align: middle;
	width: 14px;
	color: rgb(255,255,255);
}

#left .left_link a:hover:before {
	content: "-";
}

.leftA a{
	background:url(../user/img/left_tab_top_bg.png);
	border:0px solid rgb(0,0,0);
}
.leftA a:link,.leftA a:visited{
	color:rgb(255,255,255);
}

.leftB a{
	background:url(../user/img/left_tab_mid_bg.png);
	border:0px solid rgb(0,0,0);
}
.leftB a:link,.leftB a:visited{
	color:rgb(0,0,0);
}
.leftB a:hover{
	color:rgb(80,80,80);
}

#left .mail {
	margin:20px 0 0;
}
#left .mail img {
	margin:0 auto;
}
#left .link {
	background:url(../user/img/left_tab_top_bg.png);
	
	height:31px;
	margin-top:30px;
}
#left .link_tab:before {
	border: 1px solid rgb(255, 255, 255);
	content: "▼";
	display: inline-block;
	height: 14px;
	line-height: 1;
	margin: 0 7px;
	text-align: center;
	vertical-align: middle;
	width: 14px;
	color: rgb(255,255,255);
}
.link_tab {
	display: block;
	line-height: 30px;
	height: 30px;
	color:rgb(255,255,255);
	border:0px solid rgb(0,0,0);
}

.side {
	margin-top:5px;
	margin-bottom:30px;
	border:1px solid rgb(220,220,220);
	}
.side_tab {
	text-align: center;
	color:rgb(0,0,0);
	margin:5px;
	font-size:12px;
	line-height:0.5em;
	border:0px solid rgb(0,0,0);
}
.side_tab p{
	line-height:50%;
}
.side_tab p img {
	margin:0 auto;
}
@media (min-width: 768px) {

}

#center {
	border:0px solid rgb(230,230,230);
}
#center_pos {
	font-size:12px;
	border:0px solid rgb(230,230,230);
}
#search {
}
#whatsnew {
	height:30px;
	margin-top:30px;
	background:url(../user/img/whats_new_bk.png);

}
#whatsnew .col-md-3{
	color:white;
	line-height: 30px;
	font-size: 18px;
}
#whatsnew .col-md-9{
	line-height: 30px;
}
#whatsnew .col-md-9 div{
	padding: 1px 20px 1px;
	margin-right: 10px;
	background: #FFFFFF;
	width: 100%;
	display: inline-block;
	line-height: 22px;
	border-radius: 2px;
}

.new {
	margin-top:5px;
	margin-bottom:30px;
	border:1px solid rgb(220,220,220);
}
.new_tab {
	color:rgb(0,68,136);
	margin:5px;
	border:0px solid rgb(0,0,0);
}
.new_tab p:before {
	content: "";
	display: inline-block;
	height: 14px;
	line-height: 1;
	width: 10px;
	background:rgba(0, 0, 0, 0) url("../user/img/ya1.png") no-repeat scroll 0 0;
}

.seach-block {
	padding: 0;
}
.seach-block-header {
	background:rgba(0, 0, 0, 0) url("../user/img/whats_new_bk.png") repeat scroll 0 0;
	color: white;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
}

@media (min-width: 768px) {

}
#single_pos {
	margin-left:20px;
	margin-bottom:50px;
	border:0px solid rgb(230,230,230);
}
@media (min-width: 768px) {

}

#footer {
	width:100%;
	background:rgb(129,138,148);
	font-size:12px;
	color:rgb(255,255,255);
}
#footer table {
	width:100%;
}
#footer_pos {
	margin-left:auto;
	margin-right:auto;
	border:0px solid rgb(0,0,0);
}
#footer_left {
	text-align: center;
	border:0px solid rgb(0,0,0);
}
#footer_right {
	text-align: center;
	border:0px solid rgb(0,0,0);
}
#footer .list-link a {
	display: block;
}

@media (min-width: 768px) {
	#footer {
		height:250px;
	}
	#footer_pos {
		width:985px;
	}
	#footer a {
		color: rgb(255,255,255); text-decoration: none; decoration:none;
	}
	#footer_left {
		text-align: left;
		padding: 20px 0 0 30px;
	}
	#footer_right {
		text-align: left;
		padding: 20px 0 0 30px;
	}
	#footer .list-link a {
		display: inline-block;
		margin: 0 10px 0 0;
	}
}


/*classトップページ
------------------------------------------------*/

.blue { color: blue; }
.red { color: red; }