@charset "utf-8";
body,p,div,h1,h2,h3,h4,dt,dd,dl,ul,ol,li,form {margin:0;padding:0;text-align:left;font-family:sans-serif;}
li {list-style-type:none;}
img {border:none; display:block;}
a:hover {text-decoration:none;}
th {text-align:left;font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
input.ime-on,textarea.ime-on{ime-mode:active;}
input.ime-off,textarea.ime-off{ime-mode:inactive;}
.hide{display:none;}

/* text
------------------------------------*/
p,.h {font-size:0.75em;line-height:130%;color:#000;}
	#contenrs p{margin-bottom:10px;}
	#contenrs p.n { margin-bottom:0;}

.white{color:#FFFFFF;}
.gray {color:#555555;}
.yellow {color:#FFFF99;}
.red {color:#ff0000;}
.blue{color:#0000ff;}
.lightgray{color:#CCCCCC;}


/* inline-position
------------------------------------*/
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}

/* link
------------------------------------------------*/
a {color:#000000; text-decoration:underline;}
a:hover { text-decoration:none;}
a:visited { color:#777;}

.leader a { background:url(../img/arw_2.gif) no-repeat 0px 0.05em; text-indent:12px; margin-left:10px; padding-left:11px;}
.leader a:hover {background-position:3px 0.05em;}


/* spacing(bottom)
------------------------------------*/
.ex1 {margin-bottom:15px;}
.ex2 {margin-bottom:30px;}
.ex3 {margin-bottom:60px;}
.ex4 {margin-bottom:4px;}
.ex8 {margin-bottom:8px}

/* icon
--------------------------*/
.file_pdf {background-image:url(../img/cmn/icon_pdf.gif);background-position:left top;background-repeat:no-repeat;padding-left:18px;}

/* list
--------------------------------------------*/
#contents ul.n li {margin:0 0 4px 0;padding:0;background-image:none;}

#contents li {
margin-bottom:5px;
margin-left:14px;
background-image:url(../img/arw_2.gif);
background-repeat:no-repeat;
background-position:left .45em;
padding-left:1.2em;}


dt {font-weight: bold;}
dd {margin-bottom:0px;}
.list span {
margin-right:1.5em;
background-image:url(../img/li_arw.gif);
background-repeat:no-repeat;
background-position:left .23em;
padding-left:1.2em;}

form .list span {
background:none;}



/*form
-----------------------------------*/



/*-------------------------------------------------------------------*/
body {text-align:center;background-color:#FFFFFF;}


/* wrapper
-----------*/
#wrp {background:url(../img/bg_wrap.gif) repeat-y;width:760px;margin:0 auto;border-bottom:1px solid #1dbaee;}
#wrp2{background:url(../img/bg_wrap2.jpg) no-repeat;}

/* kv
----------*/
#kv{padding-right:1px; margin-bottom:20px;}


/* contents
-------------------*/
#col_left{width:200px; float:left;}
#col_right{width:541px; float:right;}

#contenrs {padding-right:17px;}


/* header
------------------*/
#header {padding-right:17px;}

#biztime{margin-top:5px;}
#lead { text-align:left; font-size:12px; color:#fff; margin-top:4px;}
#tel{ margin:5px 0 30px 0;}
#tracer { font-size:12px; margin-bottom:15px;}
	#tracer a{ text-decoration:none; color:#555;}
	#tracer a:hover{text-decoration:underline;}
	#tracer span{ padding-left:18px;background:url(../img/arw_2.gif) 6px 3px no-repeat;}
#tm_relaxage{ margin-top:130px; text-align:center;}
#tm_jiyugaoka { text-align:center; margin-top:11px;}
#tm_jiyugaoka img {display:inline;}


/* footer
------------------*/
#footer {padding-right:17px; clear:both;}
#copyright { text-align:center; margin:30px 0;}
	#copyright img { display:inline;}
#to_pagetop {text-align:right; font-size:12px;}
	#to_pagetop a{background:url(../img/arw_2.gif) no-repeat left center; padding-left:12px;}
	#to_pagetop a:hover{background-position:3px center;}

/* navigation
------------------------------------------------*/
#nav{color:#FFF; font-size:12px;border:1px solid #fff;border-bottom:none;background-color:#1895f3;text-align:center; margin:20px 10px 5px 10px;}
	#nav li { padding:8px 0 11px 0;border-bottom:1px solid #fff;}
	#nav li a {color:#fff;display:block; text-decoration:none; padding-left:20px; background:url(../img/arw_1.gif) no-repeat 6px 6px;}
	#nav li a:hover {color:#fff;text-decoration:none; background-position:9px 6px;}

/* side
----------------*/

dl.bnr { margin:0 10px 20px 10px;}
	dl.bnr dt{}
	dl.bnr dd{color:#fff; font-size:12px; border:none; line-height:120%;}
	dl.bnr dd a{ padding-left:10px;color:#fff;background:url(../img/arw_3.gif) no-repeat left 4px;}
	dl.bnr dd a:hover{ background-position:3px 4px;}
	dl.bnr dd a:visited{color:#FFF;}

/* table
----------------------------------------------*/

/* heading
-----------------------------------------*/

h1 { margin-top:4px;color:#FFF; font-size:12px; text-align:center;}
h2 { padding-top:7px;color:#045fb0; height:26px; background:url(../img/bg_h1.gif) no-repeat; font-size:12px; font-weight:normal;}
h3 { margin-bottom:8px; margin-top:30px;}
	h3.first { margin-top:10px;}
	h3.n {margin-top:0;}
	p.h3sub{color:#20498E; text-indent:1em;}

/* boxed
-------------------------------------------------*/
.boxed {
padding:10px;
background-color:#E1F4FF;
/*border:1px solid #0583F6;*/
}
.boxed2 {
padding:10px;
background-color:#62b2f9;
}

.boxed_round_520 {background:url(../img/bg_boxed_round_md.gif) left top repeat-y;}
	.boxed_round_520 .hd{ background:url(../img/bg_boxed_round_hd.gif) left top no-repeat; display:block;}
	.boxed_round_520 .bt{ background:url(../img/bg_boxed_round_bt.gif) left bottom no-repeat;display:block;}


/*-----------------------------------------------------*/
/* page
/*-----------------------------------------------------*/

div.col{}
	div.col .col_left{float:left; padding:0 15px 15px 0;}
	div.col .col_right{float:right; padding:0 0 15px 15px;}


/* home
-------------------------------------------------*/
#blog {margin-bottom:20px;}

#blog #title {background-color:#2b96ff; margin-bottom:5px;}
	#blog #title h3 {float:left; width:77px; padding:7px; margin:0;}
	#blog #title p { float:right; width:400px; font-size:12px; line-height:100%; padding-top:8px;}
	#blog #title a {background:url(../img/arw_1.gif) no-repeat left 3px; padding-left:12px; color:#fff;}
	#blog #title a:hover{ background-position:3px 3px;}
	#blog #title a:visited{color:#FFFFFF;}

#blog dl {}
	#blog dl dt{ float:left; width:90px;background:url(../img/arw_2.gif) no-repeat left 0.3em; padding-left:12px;}
	#blog dl dd{ float:right; width:400px; margin-bottom:5px;}
	#blog dl dd a{}
	#blog dl dd a:hover{}

#topics{ margin-bottom:20px;}
	#topics #item1{ float:left;width:165px; padding-right:12px; background:url(../img/home/img_ninpu.jpg) 115px top no-repeat;}
	#topics #item2{ float:left;width:165px;padding-right:12px; background:url(../img/home/img_qa.jpg) no-repeat left top;}
		#topics #item2 p.title{ padding-left:81px;}
		#topics #item2 p{ padding-left:64px;}
		#topics #item2 p.link{padding-left:30px; text-align:right;}
	#topics #item3{ float:left;width:165px;}
	#topics p {margin-bottom:3px !important;}

#info {width:100%; margin-bottom:20px;}
	#info #info_col_right{ float:right; width:311px;}
		#info #data dl { margin-bottom:5px;}
		#info #data dt{ float:left; width:80px;}
		#info #data dd{ float:right; width:220px; padding-top:4px;}
		#info #data dd p { font-size:1.0em;}
	
	#info #info_col_left{ float:left; width:190px;}

/* ordermade
---------------------*/

#taikeihyo{ width:521px;}
	#taikeihyo td{width:134px; vertical-align:top;}
	#taikeihyo td.right_most{width:119px;}
	
	#taikeihyo dl { margin:0 15px 15px 0; padding:0; line-height:120%;}
		#taikeihyo td.right_most dl {margin-right:0;}
	#taikeihyo dt { margin:0 0 2px 0; padding:0; text-align:center;}
	#taikeihyo dd { margin:0 0 2px 0; padding:0;}
		#taikeihyo dd.title{ text-align:center; font-weight:bold;color:#0066CC;}
		#taikeihyo dd.type{ text-align:center;}

#seibetsu_tekiou { background:url(../img/ordermade/tekiou_bg_top.gif) repeat-y;width:520px;}

#seibetsu_tekiou_top{ padding-top:10px;background:url(../img/ordermade/tekiou_bg_hd.gif) no-repeat top;}
	#seibetsu_tekiou_top dl { width:130px; float:left;}
	#seibetsu_tekiou_top dt { text-align:center;}
	#seibetsu_tekiou_top dd { text-align:center;}
	#seibetsu_tekiou_top dd img {display:inline;}
	#seibetsu_tekiou_top dd.text { text-align:left; padding:2px 10px; line-height:120%;}
	
#seibetsu_tekiou_bottom{background:url(../img/ordermade/tekiou_bg_div.gif) #fff no-repeat top; padding-top:8px;}
	#seibetsu_tekiou_bottom dl {background:url(../img/ordermade/tekiou_bg_bottom.gif) repeat-y;}
	#seibetsu_tekiou_bottom dt {text-align:center; padding-top:5px;}
	#seibetsu_tekiou_bottom dd.text { text-align:center; padding:2px 10px 8px 10px; line-height:120%; background:url(../img/ordermade/tekiou_bg_ft.gif) no-repeat bottom;}


/* course
-----------------------*/

#course{}
	#course dl {width:134px; float:left;}
	#course dd,#course dt {padding-right:14px; margin-bottom:3px;}
	#course dd.fee{ text-align:right; font-size:1.4em; font-weight:bold;}
	#course dd.text{ line-height:120%;}
	#course dl.right_most { width:120px}
	#course dl.right_most dd,#course dl.right_most dt{ padding-right:0;}
	
	dl#o_kyaku {width:120px; float:left;}
	dl#o_kyaku dt {margin-bottom:3px;}
	dl#o_kyaku dd.fee{ text-align:right; font-size:1.4em; font-weight:bold;margin-bottom:3px;}
	dl#o_kyaku dd.text{ line-height:120%;}


#course_option{ float:right; width:389px; background:url(../img/course_charge/bg_boxed_round_389_md.gif) repeat-y;}
	#course_option .hd{ background:url(../img/course_charge/bg_boxed_round_389_hd.gif) no-repeat;}
	#course_option .bt{ background:url(../img/course_charge/bg_boxed_round_389_ft.gif) no-repeat bottom;}

	#course_option dl {}
	#course_option dt{ padding:10px 10px 4px 10px;}
	#course_option dd {padding:0 10px 4px 10px;}
	#course_option dd.title {font-size:16px; font-weight:bold;}
	#course_option dd.photo img { display:inline;}
	#course_option dd.photo{ text-align:center;}

h3#kaisuken {margin-bottom:0;}

#tbl_kaisuken {width:520px;}
	#tbl_kaisuken th.title {background-color:#0583f6; padding-top:4px; padding-bottom:4px; border:none;}
	#tbl_kaisuken th,#tbl_kaisuken td {padding:12px; border-bottom:1px dotted #0583f6; text-align:center;}
	#tbl_kaisuken td.mark{ background:#ffe9d2; color:#FF6600; font-weight:bold; font-size:1.2em;}

/* women
------------------*/

#catch_women {background:url(../img/women/img_staff.jpg) no-repeat; padding-left:60px;}

#bg_pic { background:url(../img/women/img_ninpu.jpg) right top no-repeat;}
	#bg_pic .pd {padding-right:120px;}


/* flow
---------------*/

#shokai { background:url(../img/flow/bg_shokai_hd.gif) no-repeat left top;}
	#shokai .bt {background:url(../img/flow/bg_shokai_ft.gif) no-repeat left bottom; padding:10px 10px 10px 60px;}

#flow {background:url(../img/flow/bg_line.gif) repeat-y 9px;}
	#flow p {padding:3px 0 0 30px;}

/* faq
------------------*/

#catch_faq {background:url(../img/faq/h2_qa.gif) no-repeat; padding:80px 0 0 60px;}

#faq dl {border:1px dotted #0066CC; padding:15px; margin-bottom:10px;}
#faq dt{ background:url(../img/faq/icn_q.gif) no-repeat; padding-left:25px; padding-bottom:5px; font-size:0.85em;}
#faq dd{background:url(../img/faq/icn_a.gif) no-repeat; padding-left:25px; font-size:0.75em;}
	#faq dd p { font-size:1.0em;}

/* map
------------*/

#attention {background:url(../img/access/bg_attention.gif) 10px center no-repeat; padding:10px 10px 10px 200px;}
#map_pic{ padding-top:20px;}


#moved { margin:30px;}
	#moved img {display:inline;}


/* FLASHPLAYER BNR
---------------------------------*/
#plugin-download {
clear:both;
margin:30px 30px 0 30px;
padding:10px;
background-color:#efefef;
font-size:0.7em;
text-align:left;
line-height:120%;}
#plugin-download p {
float:left;
line-height:135%;
width:520px;}
#plugin-download img {
float:right;
margin-left:10px;}
#plugin-download a {
color:#666699;}

/* HACK for FLOAT(CLEAR)
-----------------------------------*/
.post:after,
.post .entry:after,
div.col:after,
#wrp2:after,
#info #data dl:after,
#info:after,
#topics:after,
#blog dl:after,
#blog #title:after,
#plugin-download:after,
#contents:after {
content: " ";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}

.post,
.post .entry,
div.col,
#wrp2,
#info #data dl,
#info,
#topics,
#blog dl,
#blog #title,
#plugin-download,
#contents {display:inline-block;}

/*\*/
* html .post,
* html .post .entry,
* html div.col,
* html #wrp2,
* html #info #data dl,
* html #info,
* html #topics,
* html #blog dl,
* html #blog #title,
* html #plugin-download,
* html #contents {height: 1%;}

.post,
.post .entry,
div.col,
#wrp2,
#info #data dl,
#info,
#topics,
#blog dl,
#blog #title,
#plugin-download,
#contents {display: block;}
/**/
/* rec
-----------------------------------*/
.rec_box1{ background:url(../img/rec/comn_bg1.jpg) top left no-repeat; padding:33px 10px 0px 10px; width:230px; height:57px; float:left; margin:5px;}
.rec_box2{ background:url(../img/rec/comn_bg2.jpg) top left no-repeat; padding:33px 10px 0px 10px; width:230px; height:57px; float:left; margin:5px;}
.rec_box3{ background:url(../img/rec/comn_bg3.jpg) top left no-repeat; padding:33px 10px 0px 10px; width:230px; height:57px; float:left; margin:5px;}
.rec_box4{ background:url(../img/rec/comn_bg4.jpg) top left no-repeat; padding:33px 10px 0px 10px; width:230px; height:57px; float:left; margin:5px;}

.rec_table{ border:#666666 1px solid; width:510px; margin:5px; font-size:14px; line-height:130%;}
.rec_table th{ vertical-align:top; padding:4px; background-color:#0E8CF5; color:#FFFFFF; border:#666666 1px solid;}
.rec_table td{ padding:4px; border:#666666 1px solid;}

.rec_icon{ background:url(../img/rec/icon1.jpg) top left no-repeat; padding-left:20px; font-size:12px;line-height:130%;}
.rec_icon2{font-size:12px; background:url(../img/rec/icon2.jpg) top left no-repeat; padding-left:20px;line-height:130%;}