@charset "utf-8";
/* CSS Document */

/*-------------------------------tag-------------------------------*/
* { margin:0; padding:0; border:0; }

html,body,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,dl,dt,dd,form,blockquote,pre,address,img { 
	margin:0; padding:0; border:0; list-style-type:none; }
	
input,textarea,option,select,table,th,td { font-size:12px; line-height:1.5; color: #2e3c4a;}

input,textarea,option,select{border: 1px solid #cad5d9;}

h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 12px;}

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
/*---クリア-----------------------------------------------------------*/
/*---▼clearfix---*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0.1px;
    line-height: 0;
    clear: both;
    visibility: hidden;
}  
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* for IE 5.5-7 */
.clearfix {zoom:100%;}
/*---▲clearfix---*/

/*---▼newsBlock dl---*/
.newsBlock dl:after {
    content: ".";
    display: block;
    height: 0.1px;
    line-height: 0;
    clear: both;
    visibility: hidden;
}  
/* Hides from IE-mac \*/
* html .newsBlock dl {height: 1%;}
.newsBlock dl {display: block;}
/* for IE 5.5-7 */
.newsBlock dl {zoom:100%;}
/*---▲newsBlock dl---*/

.clear {clear:both;}


/*---Hタグ-----------------------------------------------------------*/
.headBox .naviBox .siteTitle {
	font-size: 12px;
	color: #4083fe;
	text-align: right;
	height: 24px;
	padding-right: 6px;
	float: right;
}

.headBox .naviBox .siteTitle h1{
	display:inline;
}

#main #leftBlock h2 {}
#main #rightBlock h2 {
	padding-bottom: 20px;
}
.mainContents h3 {
	background: url(../images/h3_icon.gif) no-repeat;
	padding: 5px 0 20px 45px;
	height: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #ff8e1d;
}
/*---余白-----------------------------------------------------------*/
.b10 {margin-bottom: 10px;}
.b20 {margin-bottom: 30px;}
.b30 {margin-bottom: 30px;}

/*---フォント-----------------------------------------------------------*/
.bold {font-weight: bold;}
.red {color: #FF0000;}
.blue {color: #0570e8;}
.orange {color: #ff8e1d;}

/*---link-----------------------------------------------------------*/
a:link, a:visited, a:active {color:#0570e8; text-decoration:none;}
a:hover {color:#ff801a; text-decoration:none;}

/*--フッター--*/
.footLink a:link, .footLink a:visited, .footLink a:active {color:#0570e8; text-decoration:none;}
.footLink a:hover {color:#ff801a; text-decoration:none;}

/*--メインメニュー-----------------------------------------------------------*/
.menuList a:link, .menuList a:visited, .menuList a:active {
	color:#069ae3;
	text-decoration:none; background: url(../images/menu_icon.gif) no-repeat 0px 0px;
	font-weight: bold;
	padding-left: 10px;
}
.menuList a:hover {
	color:#ff801a; text-decoration:none;
	background: url(../images/menu_icon_ov.gif) no-repeat 0px 0px
}

.menuListNo a:link, .menuListNo a:visited, .menuListNo a:active {
	color:#ff801a;
	text-decoration:none; background: url(../images/menu_icon_ov.gif) no-repeat 0px 0px;
	font-weight: bold;
	padding-left: 10px;
}

/*--ヘッドニュー-----------------------------------------------------------*/
.headBox .naviBox .naviBtn .btn01 {
	padding-left: 3px;
	float: left;
	height: 50px;
	width: 90px;
	background: url(../images/navi_01.gif) no-repeat 3px 0px;
}
.headBox .naviBox .naviBtn .btn01 a:hover img {
	background: url(../images/navi_01_ov.gif) no-repeat 0px 0px;
}
.headBox .naviBox .naviBtn .btn02 {
	padding-left: 3px;
	float: left;
	height: 50px;
	width: 90px;
	background: url(../images/navi_02.gif) no-repeat 3px 0px;
}
.headBox .naviBox .naviBtn .btn02 a:hover img {
	background: url(../images/navi_02_ov.gif) no-repeat 0px 0px;
}
.headBox .naviBox .naviBtn .btn03 {
	padding-left: 3px;
	float: left;
	height: 50px;
	width: 90px;
	background: url(../images/navi_03.gif) no-repeat 3px 0px;
}
.headBox .naviBox .naviBtn .btn03 a:hover img {
	background: url(../images/navi_03_ov.gif) no-repeat 0px 0px;
}
.headBox .naviBox .naviBtn .btn04 {
	padding-left: 3px;
	float: left;
	height: 50px;
	width: 90px;
	background: url(../images/navi_04.gif) no-repeat 3px 0px;
}
.headBox .naviBox .naviBtn .btn04 a:hover img {
	background: url(../images/navi_04_ov.gif) no-repeat 0px 0px;
}
.headBox .naviBox .naviBtn .btn05 {
	padding-left: 3px;
	float: left;
	height: 50px;
	width: 90px;
	background: url(../images/navi_05.gif) no-repeat 3px 0px;
}
.headBox .naviBox .naviBtn .btn05 a:hover img {
	background: url(../images/navi_05_ov.gif) no-repeat 0px 0px;
}

/*--ヘッドリンク-----------------------------------------------------------*/
.headLink .link01 {
	padding-left: 3px;
	float: right;
	height: 25px;
	width: 131px;
	background: url(../images/head_bt_store.gif) no-repeat 3px 0px;
}
.headLink .link01 a:hover img {
	background: url(../images/head_bt_store_ov.gif) no-repeat 0px 0px;
}
.headLink .link02 {
	padding-left: 3px;
	float: right;
	height: 25px;
	width: 156px;
	background: url(../images/head_bt_contact.gif) no-repeat 3px 0px;
}
.headLink .link02 a:hover img {
	background: url(../images/head_bt_contact_ov.gif) no-repeat 0px 0px;
}

/*---base-----------------------------------------------------------*/
body {
	font-size: 12px;
	line-height: 1.5em;
	color:#333333;
	width: 898px;
	margin: 0px auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#wrapper {
	background-image: url(../images/bg_main.gif);
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
/*--ヘッダー--*/
#header {
	padding: 20px 18px 0 18px;
	background: url(../images/bg_top.gif) no-repeat 0px top;
}
*:first-child+html #header {
	padding: 20px 18px 0 18px;
	background: url(../images/bg_top.gif) no-repeat 1px top;
}/*-IE7用-*/

.headLink {
	padding-right: 10px;
}/*--各ボタンの設定は上 ヘッドリンク --*/
.headBox {
	padding-top: 5px;
	clear: both;
	width: 862px;
}
.headBox .logo {
	font-size: 12px;
	color: #4083fe;
	float: left;
	width: 238px;
}
.headBox .naviBox {
	margin-left: 150px;
	float: left;
	width: 474px;
}

.headBox .naviBox .naviBtn {
	clear: both;
}/*--各ボタンの設定は上 ヘッドニュー --*/
.url {
	background: url(../images/topber_bg.gif) no-repeat;
	height: 30px;
	padding: 6px 0 0 10px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	clear: both;
	letter-spacing: 1px;
}
/*--メイン--*/
#contents {
	padding: 10px 18px 20px 18px;
}
#contents #main {
	background-color: #FFFFFF;
	padding: 10px 10px;
}
#main #leftBlock {
	float: left;
	width: 200px;
	margin-right: 10px;	
}
#main #rightBlock {
	float: left;
	width: 630px;
}
.mainContents {
	padding: 0 10px;
}
.pageTop {
	margin: 30px 10px 0 0;
	text-align: right;
}

/*--メニュー--*/
.menuBox {
	margin-bottom: 20px;	
}
.menuBox .menuList, .menuBox .menuListNo {
	border-bottom: 1px solid #d4d4d4;
	padding: 8px 0 8px 8px;
}/*--各ボタンの設定は上 メインニュー --*/
.menuBox .promoList {
	text-align: center;
	padding-top: 10px;
}
.menuBox .bookList {
	text-align: center;
	padding-top: 10px;
}


/*--フッター--*/
#footer {
	background-color: #FFFFFF;
	padding: 10px 20px;
	text-align: center;
}
.footLink {
	color: #0570e8;
	font-weight: bold;
	letter-spacing: 2px;
}
.partner {
	padding-top: 10px;
}
.footCopy {
	letter-spacing: 1px;
	padding-top: 10px;
}

/*---共通-----------------------------------------------------------*/
.textBox {
	padding-bottom: 10px;
}
.point {
	padding-bottom: 20px;
}
/*---トップ-----------------------------------------------------------*/
.newsBlock {
	margin-top: 20px;
}
.newsBlock dl {
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: 1px solid #d2d2d2;
	color: #0570e8;
	font-weight: bold;
}
.newsBlock dt {
	float: left;
	width: 100px;
	padding-left: 10px;
	background: url(../images/ic_01.gif) no-repeat 0px 5px;
}
.newsBlock dd {
	float: left;
	width: 490px;
	padding-right: 10px;
}

.topLink01 {
}

/*---サービス-----------------------------------------------------------*/
.serviceBox {
	background-image: url(../images/service/service_bg.gif);
	background-repeat: repeat-y;
}
.serviceText {
	margin: 0 0 20px 50px;
	padding: 20px 0px 20px 0;
	border-bottom: 1px solid #c8cbcc;
}

table.serviceList {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
}
table.serviceList th {
	background-color: #ecf1f9;
	font-weight: normal;
	padding: 5px;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}
table.serviceList td {
	padding: 5px;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

/*---料金-----------------------------------------------------------*/
.priceServiceTtl {
	color: #069ae3;
	font-size: 14px;
	font-weight: bold;
}
.priceServiceText {
}

/*---お問い合わせ-----------------------------------------------------------*/

table.contactForm {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
}
table.contactForm th {
	font-weight: normal;
	text-align: left;
	width: 150px;
	padding: 10px;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background-color: #ecf1f9;
}
table.contactForm td {
	padding: 10px;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}
.formPrivacy {
	padding-top: 5px;
}
.formBtn {
	text-align: center;
	padding-top: 10px;
}