@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin:0;
	padding:0;
	font-size:100%;
	}
body {
	font-size:84%;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	color:#333;
	background:#F4F4F4 url(/images/top_bg.gif) left top repeat;
	line-height:1.6;
	}
a {
	color:#336fc2;
	}

a:hover {
	color:#006699;
	text-decoration:none;
	}

a:visited{
	color:#336fc2;
	}
	
img {
	border:none;
	vertical-align:top;
}
#wrapper {
	margin:0px auto 0px auto;
	width: 760px;
	background: #FFFFFF;
	border-left:#CCCCCC solid 3px;
	border-right:#CCCCCC solid 3px;
	}

.center{
	text-align:center;
	}
.left{
	text-align:left;
	}
.p_t10{
	margin-top:10px;
}
.p_t20{
	margin-top:20px;
}
.atn{
	color:#CC3333;
}

p{
	margin-top:10px;
}

.text_s{
	font-size:100%;
}

.m_t20{
	margin:20px 0px;
}

.pd5{
	padding:5px;
}

.w_200{
	width:200px;
}

/* ヘッダー
---------------------------------------------*/
#header {
	position: relative;
	padding:0px;
	width:760px;
	height: 118px;
	background-image: url(../images/img_header_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
.shoplogo {
	padding-left:20px;}

#wrapper #header .shoplogo .navi01 {
	position:absolute;
	top:78px;
	left:369px;
	width:220px;
	height:23px;
}

#wrapper #header .shoplogo .navi02 {
	position:absolute;
	top:16px;
	left:599px;
	width:140px;
	height:23px;
}


#logo {
	float: left;
	width:328px;
	}
#login {
	float: right;
	width:300px;
	height:47px;
		}
#login li{
	float:right;
	border:3px solid #ffffff;
	list-style:none;
	}
#login li.link{
	padding: 0 5px 0 10px;
	background:url(../../images/top_icon01.gif) left center no-repeat;
	}
#login li.nolink{
	padding: 0 5px 0 10px;
	background:url(../../images/top_icon01.gif) left center no-repeat;
	color:#003368;
	}
#login li.link a{
	color:#003368;
	}
#login li.link a:hover{
	color:#006699;
	text-decoration:none;
	}
#login li.link a:visited{
	color:#999;
	}

/* グローバルナビ
---------------------------------------------*/
#globalNav{
	text-align:center;
	width:760px;
	height:44px;
	background:url(../../images/global_nav.gif);
	}
#globalNav table{
	text-align:center;
	width:100%;
	}
#globalNav td{
	vertical-align:top;
	color:#fff;
	}
#globalNav table td.long{
	width:40px;
	}
#globalNav table td.line{
	width:12px;
	line-height:36px;
	text-align:center;
	color:#fff;
	}
	
/* 通常時 */
#globalNav a{
	width:auto;
	line-height:36px;
	display: block;
	text-align:center;
	background:url(../../images/global_nav_s.gif) left top no-repeat;
	color:#fff;
	padding-left:3px;
	}

/* オーバー時、アクティブ時 */
#globalNav a:hover, #globalNav a.stay{
	text-align:center;
	line-height:36px;
	color:#003366;
	text-decoration:none;
	background:url(../../images/global_nav_o.gif) left top no-repeat;
	padding-left:3px;
	}
	
/* 段組
---------------------------------------------*/
#content {
	overflow:auto !important;
	/*overflow :hidden;*/
	width: 100%;
	background: #FFFFFF url(/images/content_bg.gif) left top repeat-y;
	padding-bottom:15px;
}
#about {
	width: 710px;
	margin-left:25px;
	}
#footer {
	clear: both;
	height:76px;
	vertical-align:bottom;
	color:#ffffff;
	background-color:#588bd4;
	background-image: url(../images/img_fot_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	color:#FFFFFF;
}

/* footer */
#footer p{
	padding-top:28px;
	text-align:center;
	/*border-right:10px #588bd4 solid;*/
	/*border-top:20px #588bd4 solid;*/
	}	

/* 本文のレイアウト
---------------------------------------------*/
h1,h2{
	text-align:left;
	margin-top:15px;
	overflow:hidden;
	}
	
/* main*/
#main{
	margin-left:25px;
	width:710px;
	text-align:left;
	}
#main h1.top{
	margin-top:10px;
	width:710px;
	height:208px;
	}
#main ul#main_b{
	clear:both;
	padding-left:10px;
	padding-right:10px;
	width:690px;
	height:62px;
	background:url(/images/top_main_bg.jpg) no-repeat;
	list-style:none;
	}
#main ul#main_b li{
	margin:4px 2px 4px 0;
	float:left;
	color:#fff;
	}
#main ul#main_b li p,a{
	text-align:left;
	}
	
	/* about */
#about h2.top{
	width:710px;
	height:65px;
	}
	
.text{
	padding-right:20px;
	}
	
#seido{
	width:670px;
	height:180px;
	background:url(/images/top_img_seido.gif) no-repeat;
}
#seido p{
	margin:0px 25px;
	font-size:90%;
}
.section {
	margin: 20px 20px 0px 20px;
	height:auto;
	text-align:center;
}

/* about/cost*/
.section #cost{
	margin-top:10px;
	margin-bottom:10px;
	border-left: 1px solid #ccc
	}
#cost tr, #cost td{
	padding:5px;
	height:10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align:left;
	}

#cost .head{
	background-color:#ccc;
	font-weight:bold;
	border-top: 1px solid #ccc;
	}
	
.pay{
	width:670px;
	height:463px;
	overflow:hidden;
	}
	
	/* section*/
.section .h3{
	margin-top:5px;
	padding:3px;
	width:664px;
	height:47px;
	background:url(/images/top_img_h3bg.gif) left no-repeat;
	text-align:left;
	}
.section h3{
	float:left;
	padding-right:5px;
	width:253px;
	height:47px;
	overflow:hidden;
	}
.section .h3 p{
	padding:0px 0px 0px 20px;
	font-size:90%;
	}
.section p {
	text-align:left;
	padding-top:10px;
}
.section .link {
	background:url(/images/arrow.png) left center no-repeat;
}
.btn{
	text-align:right;
	border:none;
	padding:20px 0px 0px;
	}

/* sevice_b */
.section #sevice_b{
	padding:0 15px;
	height:134px;
	width:auto;
	background: url(/images/top_sevice_bg.gif) left center no-repeat;
	}
.section #sevice_b #sps{
	float:left;
	margin-right:10px;
	margin-top:10px;
	width:315px;
	height:111px;
	overflow:hidden;
	text-align:left;
	}
.section #sevice_b #ssx{
	float:left;
	margin-right:10px;
	margin-top:10px;
	width:315px;
	height:111px;
	overflow:hidden;
	text-align:left;
	}
.section #sevice_b #stx{
	float:left;
	width:180px;
	height:111px;
	overflow:hidden;
	text-align:left;
	}

/* under_b */
.section #under_b{
	margin:40px 80px 0 80px;
	width:510px;
	height:70px;
	background: url(/images/top_b_bg.gif);
	}
.section #under_b img{
	margin:10px;
	}
/* bunner */
#bunner{
	margin-top:10px;
	margin-left:27px;
	width:710px;
	border:3px #e4e4e4 solid ;
	}
#bunner td{
	border-left:8px #fff solid;
	border-top:5px #fff solid;
	}
#bunner td.business{
	padding-left:10px;
	width:240px;
	height:77px;
	border:2px #fff;
	background:url(/images/top_b_jimukyoku_bg.gif) no-repeat;
	font-size:90%;
	color:#003365;
	}
#bunner td.business a:link{
	color:#003368;
	}
#bunner td.business a:hover{
	color:#006699;
	text-decoration:none;
	}
#bunner td.business a:visited{
	color:#999;
	}
#pagetop{
	width:100%;
	height:30px;
	background-color:#CCCCCC;
	border-bottom:1px #fff solid;
	text-align:right;
	}
#pagetop img{
	/*margin-left:648px;*/
	margin-right:10px;
	}

/*コンテンツ*/
.title{
	width:710px;
	height:40px;
}

/*フォーム*/
.form{
	text-align:left;
	margin-bottom:10px;
}

.form table{
	border:1px solid #ccc;
	margin:2px;
}

.form strong{
	color:#FF6600;
}
.privacy{
	font-size:90%;
	margin-top:10px;
}
.hissu{
	color:#CC3333;
}

/*セミナー*/
.sub{
	background:url(/images/top_icon.gif) no-repeat;
	padding-left:8px;
	border-bottom:1px solid #588bd4;
	line-height:16px;
	color:#588bd4;
	margin-top:20px;
}

#sem{
	background-color:#B7CEF2;
	margin:20px 20px 10px 20px;
	padding:5px 24px 5px;
	line-height:160%;
	list-style-type:disc;
	color:#003368;
}
.bdr_or{
	border:1px solid #FF6600;
	padding:10px;
}

.f_right{
	float:right;
}

.f_left{
	float:left;
	padding-right:10px;
}

.f_clear{
	clear:both;
}

.cout{
	list-style-type:decimal;
	padding-left:3em;
}

/*ログインタイトル*/
.bpl{
	margin:0px;
}

.pmph table{
	margin:10px;
}

.pmph td{
	padding:5px;
	width:180px;
	border:1px solid #ccc;
	font-size:90%;
	text-align:center;
}

.thanks{
	margin-bottom:100px;
}

/* --------- 追加 --------- */

/* 以下、bk1, bk2の幅指定を追記 */
.bk1{
	background-color:#A2C4EA;
	padding:2px 40px 2px 5px;
	width: 200px;
}

.bk2{
	background-color:#E9F3FE;
	padding:2px 5px 2px 5px;
	width: 420px;
}


/* 文字寄せ */
.text-left   { text-align: left; }
.text-center { text-align: center; }
.text-right  { text-align: right; }
.text-top    { vertical-align: top; }
.text-middle { vertical-align: middle; }
.text-bottom { vertical-align: bottom; }

/* 行の前後空け */
.margin-10px { margin-top: 10px; margin-bottom: 10px; }
.margin-20px { margin-top: 20px; margin-bottom: 20px; }
.margin-30px { margin-top: 30px; margin-bottom: 30px; }
.margin-40px { margin-top: 40px; margin-bottom: 40px; }
.margin-top40px { margin-top: 40px; }
.margin-50px { margin-top: 50px; margin-bottom: 50px; }


/* 幅・高さ */
.w100per { width: 100%; }
.w98per  { width: 98%; }
.w80per  { width: 80%; }
.w50per  { width: 50%; }
.w33per  { width: 33%; }
.w25per  { width: 25%; }
.w20per  { width: 20%; }
.w12per  { width: 12%; }

/* 箱寄せ */
.box-left   { margin-left: 0px; margin-right: auto; }
.box-center { margin-left: auto; margin-right: auto; }
.box-right  { margin-left: auto; margin-right: 0px; }


table.menu {
	width: 640px;
}

td.menu {
	background-color:#E9F3FE;
	border:1px solid #A2C4EA;
	font-weight: bold;
	padding-left: 0px;
	text-align: center;
	margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}

td.menu a {
	text-align: center;
	vertical-align:middle;
	color:#588BD4;
	display:table-cell;
	width:156px;
	height:45px;
}

td.menu-bg {
	background-color:#FFD500;
	text-align: center;
	vertical-align:middle;
	color:#588BD4;
	display:table-cell;
	width:156px;
	height:45px;
}

td.menu a:hover {
	/*background-color:#FFD500;*/
	text-align: center;
	vertical-align:middle;
	color:coral;
	display:table-cell;
	width:156px;
	height:45px;
}



td.subtitle {
	background-color:#588bd4;
	border:1px solid #588bd4;
	color:#ffffff;
}

.menu a {
	color: #588bd4;
	text-decoration: none;
}

.menu a:hover {
	color: #FF7F50;
	text-decoration: none;
}

.toptitle {
	background-color:#ffffff;
	padding-left:12px;
	border-top:1px solid #588bd4;
	border-left:12px solid #588bd4;
	border-bottom:1px solid #588bd4;
	border-right:1px solid #588bd4;
	line-height:36px;
	color:#588bd4;
	margin-top:20px;
	margin-bottom:40px;
}

/* ---- table関連 ---- */

.horiz_h{
	padding:2px 40px 2px 5px;
}

.horiz{
	padding:2px 5px 2px 5px;
}

.orange {
	background-color:#FF9900;
}

.orange_thin {
	background-color:#FFCC99;
}

.blue {
	background-color:#A2C4EA;
}

.blue_thin {
	background-color:#E9F3FE;
}

.green {
	background-color:#99FF66;
}

.green_thin {
	background-color:#CCFF99;
}

.yellow {
	background-color:#FFCC66;
}

.yellow_thin {
	background-color:#FFFFCC;
}

.white {
	background-color:#FFFFFF;
}

.text-red {
	color: #FF0000;
}

.text-blue {
	color: #A2C4EA;
}

.break {
	word-break:break-all;
}


/*12-05-28完了画面修正*/

#new-thanks{
	margin-bottom:50px;
}

#new-thanks .pdt0{padding-top:0;}
#new-thanks .mgt0{margin-top:0;}
#new-thanks .mgt10{margin-top:10px;}
#new-thanks .bold{font-weight:bold;}
#new-thanks .fs110{font-size:110%;}
#new-thanks .fs80{font-size:80%;}

#new-thanks .thanks-new-wrap{
	border:3px solid #dce6f2;
	padding:10px;
	margin-top:20px;
}

#new-thanks .thanks-link-wrap{
	border-top:1px dotted #ccc;
	margin-top:20px;
	padding-top:20px;
}


#new-thanks .info-area{
	background:#fff7eb;
	padding:10px;
	margin:20px 0 30px;
	width:400px;
	border:1px solid #ffe7c5;
}

.margin-5px { margin-top: 5px;}
.margin-13px { margin-top: 13px;}

.margin-L37px { margin-left:37px;}
.ma-auto { 
margin-left:auto !important;
margin-right:auto !important;}