@charset "utf-8";

@import url("css/import.css");



/* Containers
----------------------------------------------------------------------------------------------------*/

html{
	background:url(images/body_bg.gif);
}
body {
	text-align:center;
	line-height:1.6;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 1px;

}

.wrapper{
	width:980px;
	text-align:left;
	margin:0 auto;
}


/* header
----------------------------------------------------------------------------------------------------*/
header{
	background:url(images/header_bg.jpg) repeat-x center 10px;
	height:174px;
}
header .line{
	height:10px;
	background:url(images/header_line.gif);
}
header h1 {
	float:left;
	width:349px;
}
header .center{
	width:340px;
	float:left;
}
header .center ul {
	margin-top:11px;
	margin-bottom:11px;
	margin-left:0px;
	_zoom:1;
	overflow:hidden;
	margin-right:-18px;

}
header .center ul li{
	float:left;
	margin-right:18px;
}

header .right{
	width:260px;
	float:left;
	text-align:left;
	color:#040309;
	padding-top:11px;
	font-weight:bold;
}
header .right p{
	padding-left:8px;
}

/* navi
----------------------------------------------------------------------------------------------------*/

header nav {
	clear:both;
	margin:0px 0 0 35px;
}

nav ul li {
	float:left;
}


/* main_img , title
----------------------------------------------------------------------------------------------------*/
#subpage_title{
	background:#fff url(images/subpage_title_bg.jpg) top center no-repeat;
	height:119px;
	width:100%;
}
#subpage_title h2{
	font-size:182%;
	color:#040309;
	padding:40px 0 0 60px;
}
/* main_contents
----------------------------------------------------------------------------------------------------*/
#contents_bg{
	background:url(images/contents_bg.jpg);
	padding:30px 0 20px;
}

/* contents
----------------------------------------------------------------------------------------------------*/
#contents{
	width:680px;
	margin-right:30px;
	float:left;
}

/* sidebar
----------------------------------------------------------------------------------------------------*/

#sidebar {
	width:270px;
	float:left;
	margin-bottom:20px;
}
#sidebar .tel{
	margin-bottom:10px;
	border:5px solid #decdb9;
	padding:15px 0 10px 15px;
	background:#fff;
}
#sidebar .place{
	background:#fff;
	padding:10px;
	margin-bottom:10px;
}
#sidebar .place h3{
	margin-bottom:10px;
}
.white_box iframe{
	border:1px solid #999;
}
#sidebar .bunner p{
	margin-bottom:10px;
}


/* footer
----------------------------------------------------------------------------------------------------*/
/* footer */

section.other_link{
	background:#f2f2f2;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:0px;
	text-align:center;

	
}
section.other_link .wrapper{
	text-align:center;
}
section.other_link ul{
	xdisplay:inline;
	text-align:left;
	
}
section.other_link ul li{
	display:inline-block;
	margin-bottom:20px;
	padding:0 15px;
	margin:0 0 25px;
	
}

footer{
	width:100%;
	border-top:1px solid #ccc;
	clear:both;
	padding-bottom:10px;
}

footer .pagetop a{
	float:right;
	padding:6px 5px 5px 25px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:80px;
	display:block;
	text-decoration:none;
	color:#000;
	margin-top:-30px;
	margin-bottom:20px;
	font-size:85%;
	background:#fff url(images/footer_pagetop.gif) no-repeat 12px 12px;
}
footer .pagetop a:hover{
	background:#e35e63 url(images/footer_pagetop_o.gif) no-repeat 12px 12px;
	color:#fff;
}

footer .left {
	float:left;
	width:400px;
	color:#040309;
	font-size:93%;
}
footer .left h2{
	padding-bottom:10px;
}
footer .left p{
	padding-bottom:10px;
	padding-left:3px;
}

footer .right {
	float:right;
}
footer .right ul {
	float:left;
	background:url(images/footer_line.gif) repeat-y;
	height:80px;
}
footer .right .last_line{
	background:url(images/footer_line.gif) repeat-y;
	height:80px;
	width:1px;
	float:left;
}

footer .right ul li{
	padding:0px 20px 5px 25px;
}
footer .right ul li a{
	color:#3c0b00;
	text-decoration:none;
	font-size:85%;
	background:url(images/footer_li_mark.gif) no-repeat 0 6px;
	padding-left:10px;
}
footer .right ul li a:hover{
	color:#e35e63;
	text-decoration:underline;
}
footer .copy{
	clear:both;
	text-align:center;
	padding-bottom:5px;
}

/* 共通箇所
----------------------------------------------------------------------------------------------------*/
a{
	color:#e03b3b;
}
a:link{
	color:#e03b3b;
}
a:visited{
	color:#e03b3b;
}
a:hover{
	
}
.text_pink{
	color:#e03b3b;
}
#pan {
	background:url(images/pan_line.gif) bottom left repeat-x;
	margin:0 0px 25px;
	padding: 0 0 15px;
	font-size:85%;
}
.white_box {
	background:#FFF;
	padding:20px;	
	margin-bottom:20px;
}
.white_box h3.line{
	margin:0px 0px 20px;
	color:#3c0b00;
	padding:0px 0 8px 10px;
	background:url(images/subpabe_h_line.gif) bottom left no-repeat;
	font-size:131%;
	font-weight:bold;
}
.white_box p{
	margin:0 20px 1em;
}
table.style1{
	margin:0 20px 20px;
}
table.style1 th,
table.style1 td{
	border:1px solid #999;
	padding:10px 15px;
}

table.style1 th{
	background:#e5e1e1 url(images/table_hh_bg.gif);
	text-align:center;
	color:#3c0b00;
}
/* index.html
----------------------------------------------------------------------------------------------------*/

#index #main_img{
	background:url(images/main_img_bg2.jpg) top center no-repeat;
	height:400px;
}
#index #main_img .wrapper{
	position:relative;
}
#index #main_img .wrapper .text{
	position:absolute;
	top:202px;
	left:404px;
}
#index .transport {
	margin-bottom:20px;
	position:relative;
}
#index .transport p{
	position:absolute;
	top:110px;
	left:33px;
	font-size:14px;
}
#index .transport a{
	color:#000;
	text-decoration:none;
}
#index .ryouiku{
	background:url(images/ryouiku_bg.jpg?v=2020) no-repeat;
	height:552px;
	position:relative;
	margin-bottom:20px;
}
#index .ryouiku p.t1{
	position:absolute;
	top:155px;
	left:40px;
	width:600px;
	font-size:14px;
}
#index .ryouiku ul{
	position:absolute;
	top:170px;
	left:35px;
	background:#ffffdb;
	padding:10px 20px;
	font-size:14px;
}
#index .ryouiku ul li{
	
}
#index .ryouiku ul li .red{
	color:#e03b3b;
}
#index .ryouiku .t2{
	position:absolute;
	top:392px;
	left:40px;
	width:600px;
	font-size:14px;
}
#index .ryouiku .t2 p{
	margin-bottom:10px;
}
#index .bunner{
	margin-bottom:20px;
}
#index .bunner_about{
	background:url(images/index_about_bg.jpg) no-repeat;
	width:680px;
	height:296px;
	margin-bottom:20px;
	color:#3c0b00;
	font-size:14px;
	position:relative;
}

#index .bunner_about .t1{
	position:absolute;
	top:112px;
	left:40px;
	width:600px;
	font-size:14px;
}
#index .bunner_about .t1 p{
	margin-bottom:10px;
}
/*
#index .bunner_about2{
	background: url(images/index_about2_bg.jpg) no-repeat;
	width:660px;
	margin-bottom:20px;
	position:relative;
	padding-bottom:20px;
	color:#3c0b00;
	font-size:14px;
	padding-top:70px;
	padding-left:20px;	
	
}
#index .bunner_about2 h3{
	padding:30px 0 0 20px;
}
#index .bunner_about2 p{
	xmargin:15px 10px 0 25px;
}
*/
#index .bunner_day{
	background:#fef9f5;
	padding:15px 0px 22px 17px;
	margin-bottom:20px;
}
#index .bunner_day h{

}
#index .bunner_day .left{
	float:left;	
}
#index .bunner_day .right{
	float:left;	
}
#index .bunner_day p{
	
}
#index div.shien{
	border:2px solid #00A99D;
	padding: 15px;
	background: #fff;
}
#index div.shien h3{
	font-size:20px;
	color: #00A99D;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
#index div.shien p{
	font-size:13px;


}
.soudan{
	background:url(images/bnr_soudan.jpg) no-repeat;
	height:292px;
	position:relative;
}
.soudan p.text{
	width:460px;
	position:absolute;
	top:105px;
	left:35px;
	line-height:1.8;
}
.soudan p.address{
	width:470px;
	position:absolute;
	top:223px;
	left:25px;
	font-size:18px;
	color:#fff;
}
.soudan p.tel{
	width:470px;
	position:absolute;
	top:219px;
	left:400px;
	font-size:30px;
	color:#fff;
}
.soudan p.uketsuke{
	width:470px;
	position:absolute;
	top:262px;
	left:357px;
	font-size:14px;
	color:#fff;
}

/* company.html
----------------------------------------------------------------------------------------------------*/

#company table th{
	width:120px;	
}
#company table td ol li{
	margin:0 5px 0 30px;
	list-style:decimal;
}



/* flow.html
----------------------------------------------------------------------------------------------------*/
#flow #contents .white_box dl{
	margin-left:10px;
}
#flow #contents .flow_bg1{
	background:#fff url(images/flow_bg1.jpg) 490px 140px no-repeat;
}
#flow #contents .white_box dl dt{
	margin-left:25px;
	margin:0 0px 10px;
	color:#db0601;
	font-size:108%;
	padding-left:30px;
}
#flow #contents .white_box dl dt.no1{
	background:url(images/mark_no1.gif) no-repeat;	
}
#flow #contents .white_box dl dt.no2{
	background:url(images/mark_no2.gif) no-repeat;	
}
#flow #contents .white_box dl dt.no3{
	background:url(images/mark_no3.gif) no-repeat;	
}
#flow #contents .white_box dl dt.no4{
	background:url(images/mark_no4.gif) no-repeat;	
}
#flow #contents .white_box dl dt.no5{
	background:url(images/mark_no5.gif) no-repeat;	
}
#flow #contents .white_box dl dt.no6{
	background:url(images/mark_no6.gif) no-repeat;	
}
#flow #contents .white_box dl dt.no7{
	background:url(images/mark_no7.gif) no-repeat;	
}

#flow #contents .white_box dl dd {
	margin:5px 30px 15px;
}
#flow #contents .flow_bg{
	width:614px;
	height:439px;
	background:url(images/flow_image.jpg) no-repeat;
	position:relative;
}
#flow #contents .flow_bg .t1{
	position:absolute;
	top:36px;
	left:315px;
}
#flow #contents .flow_bg .t2{
	position:absolute;
	top:117px;
	left:315px;
}
#flow #contents .flow_bg .t3{
	position:absolute;
	top:195px;
	left:315px;
}
#flow #contents .flow_bg .t4{
	position:absolute;
	top:275px;
	left:315px;
}
#flow #contents .flow_bg .t5{
	position:absolute;
	top:361px;
	left:315px;
}
/* about.html
----------------------------------------------------------------------------------------------------*/
#about .about_photo{
	padding-bottom:0px;
}
#about .about_photo .left{
	width:300px;
	float:left;
	padding-left:20px;
}
#about .about_photo .right{
	width:300px;
	float:left;
}
#about #contents .transport{
	background:#fff url(images/about_transport_bg.jpg) 370px 220px no-repeat;
}
#about #contents .box{
	border:1px solid #ccc;
	width:240px;
	padding:10px;
	margin:20px 0 0 30px;
	background:#f4ece7;
}

/* faq.html
----------------------------------------------------------------------------------------------------*/

#faq #contents .white_box dl{
	margin-left:10px;
	border:3px solid #5bb54a;
	margin-bottom:20px;
	border-radius:5px;
}
#faq #contents .white_box dl dt{
	background:#5bb54a;
	color:#fff;
	font-weight:bold;
	padding:5px 0 4px 15px;
	font-size:131%;
}

#faq #contents .white_box dl dd{
	padding:20px 15px 20px 22px;
	font-size:109%;
	line-height:1.7;
}


/* introduction.html
----------------------------------------------------------------------------------------------------*/
#introduction #contents .white_box p {
	margin:0 20px 30px;
}
#introduction #wrapper_c #contents .white_box {
}

#introduction #wrapper_c #contents ul{
	margin:0 20px 20px;
}
#introduction #wrapper_c #contents ul li{
	padding:2px 0;
}
#introduction dl{
	margin:0 15px 15px;
}
#introduction dl dt{
	background:url(images/mark_h4.gif) 3px 4px no-repeat;
	padding-left:26px;
	color:#e03b3b;
	margin:0 0 5px 0;
	font-size:116%;
}
#introduction dl dd{
	padding-left:2em;
}
#introduction dl dd table{
	margin:10px 0 10px;
}
#introduction dl dd p{
	margin:0;
	padding:0;
}


/* contact.html
----------------------------------------------------------------------------------------------------*/
#contact #wrapper_c #contents .white_box ul {
	margin-left:20px;
}
#contact #contents .white_box table{
	width:600px;	
	margin:10px 20px 20px;
}
#contact #contents .white_box table th,
#contact #contents .white_box table td{
	border-left:none;
	border-right:none;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:10px 15px;
	
}

#contact #contents .white_box table th{
	background:#f6f6f6;
	width:120px;
	text-align:right;
}
#contact #contents .white_box p{
	margin:0 20px 10px;
}
#contact #contents input,
#contact #contents textarea{
	padding:4px; 
	font-size:108%; 
	font-family:Arial, sans-serif; 
	color:#121212; 
	border:solid 1px #ccc; 
}
#contact #contents input:focus,
#contact #contents textarea:focus{
    border:solid 1px #eb9496;
}

#contact #contents input[type=submit]{
	border:none;
   width:108px;
   height:32px;
   padding:0 3px;
   cursor:pointer;
   font-weight:bold;
	color:#fff;
	background:#eb9496;
}
#contact #contents input[type=submit]:hover{
	background:#d47c7d;
}
#contact #contents p.btn{
	text-align:center;
}


/* privacy.html
----------------------------------------------------------------------------------------------------*/
#privacy .white_box {
	margin-top:20px;
}
#privacy #wrapper_c #contents .white_box p {
	margin:0 20px 15px;
}

/* sitemap.html
----------------------------------------------------------------------------------------------------*/
#sitemap .white_box {
	margin-top:20px;
}
#sitemap #contents .white_box ul.left {
	margin:10px 20px 0px 30px;
	padding:3px 30px 0px 5px;
	float:left;
}
#sitemap #contents .white_box ul.right {
	margin:10px 20px 0px;
	padding:3px 5px 0px;
	float:left;
}

#sitemap #contents .white_box ul li {
	background:url(images/mark_list.gif) no-repeat 5px 7px;
	padding-left:20px;
	margin-bottom:15px;
	font-size:108%;
}


/* link.html
----------------------------------------------------------------------------------------------------*/
#link .white_box {
	margin-top:20px;
}
#link contents .white_box h3{
	margin-left:4px;
	margin-bottom:20px;
}


#link #contents .white_box dl{
	margin:10px 20px;
	border-bottom:dotted 1px #999;
	padding:3px 5px 5px;
}


#link #contents .white_box dl dt{
	background:url(images/list_mark.gif) no-repeat 0px 1px;
	padding-left:20px;
	margin-right:20px;
}
#link #contents .white_box dl dd{
	padding-left:20px;
	padding-bottom:8px;
}