﻿@charset "utf-8";

/*ブラウザスタイルの初期化*/

body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend {
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",san-serif;
}

/*font-size初期化*/

body {
	font-size: 10px;
	_font-size:62.5%;/*IE6*/
	line-height:1.4;
		background-color:#FCFBF8;
		background:url(images/haradabodybg.gif);
}

/*border初期化*/
/*margin　paddingプロパティ追加*/

img,object {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:bottom;
}

/*table設定*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*テキスト設定*/

p {
	text-align: justify;
	text-justify: distribute;
}

/*clearfix*/
/*height0.1px font-size0.1em追加*/

.clearfix:after, div:after {
    content: "."; 
    display: block; 
	height: 0.1px;  
	font-size: 0.1em;  
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}/*IE7用*/

.clear {
	clear:both;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

body {
	background-color:#fff;
	color: #333;
}

ul,
li {
	list-style:none;
}

a {
	text-decoration:none;
	cursor: pointer;
} 

a:link {
	color: #666;
	text-decoration:none;
}

a:visited {
	color: #666;
}

a:hover {
	color: #666666;
		text-decoration:underline;
}

a:active {
	color: #000066;
}
div#left a{
color:#333333;

}
/*		share
-----------------------------------------------------------------*/
#mainimg {
    width: 720px;
    height: 250px;
	background:url(../image/main01.jpg) no-repeat;
}
.RGHT {
	text-align:right;
}
.floatL {
	float:left;
}
p.pagetop {
	text-align:right;
}
p.pagetop a {
	color:#006600;
	text-decoration:underline;
	padding:0 12px 0px 10px;
}
p.pagetop a:hover {
	color:#006666;
	text-decoration:none;
}

/*		全体構造
-----------------------------------------------------------------*/
#warpper{
width:816px;
margin:0 auto;
font-size:1.2em;
}
#head{
width:816px;
background:url(images/feadbg.jpg) repeat-y;
}
#left{
width:185px;
float:left;
padding-left:13px;
}
#right{
width:566px;
float:right;
}

#company{
width:566px;
float:right;
}

#gyoumu{
width:566px;
float:right;
}

#message{
width:566px;
float:right;
}

#senpai{
width:566px;
float:right;
}

#foot{
width:816px;
background:url(images/footerbg.jpg) no-repeat;
}
#contentsLR{
width:816px;
background:url(images/lrbg.jpg) repeat-y;
overflow:hidden;
}
.flash{
padding-left:7px;
}

div#head p{
padding-left:8px;
}

div#left ul li{
color:#000;
display:block;
xbackground-color:#FFFFFF;
margin-bottom:2px;
width:150px;
xpadding-top:9px;
xpadding-bottom:9px;
xpadding-left:35px;
background:url(images/yajirusi1_off.jpg) no-repeat left center;
xoverflow:hidden;
}


xdiv#left ul li.stay{
color:#000;
xdisplay:block;
xbackground-color:#FFFFFF;
xmargin-bottom:2px;
xwidth:150px;
xpadding-top:9px;
xpadding-bottom:9px;
xpadding-left:35px;
background:url(images/yajirusi1_on.jpg) no-repeat left center;
}

div#left ul li.stay a{
color:#000;
display:block;
background-color:#FFFFFF;
margin-bottom:2px;
width:150px;
padding-top:9px;
padding-bottom:9px;
padding-left:35px;
background:url(images/yajirusi1_on.jpg) no-repeat left center;
}

div#left ul li a{
color:#000;
display:block;
background-color:#FFFFFF;
margin-bottom:2px;
width:150px;
padding-top:9px;
padding-bottom:9px;
padding-left:35px;
background:url(images/yajirusi1_off.jpg) no-repeat left center;
}


#contents1{
background:url(images/left001.jpg) repeat-y no-repeat;
padding-top:9px;
padding-bottom:9px;
padding-left:35px;
}
div#left ul{
margin-top:35px;
}

div#left ol{
background:url(images/leftbgback.jpg) no-repeat;
height:145px;
}

div#left ol li.senpai{
padding-top:11px;
padding-left:35px;
}

div#left ol li.yajirusi003{
background:url(images/left002.jpg) no-repeat;
margin-top:5px;
padding-top:6px;
padding-bottom:8px;
padding-left:45px;
letter-spacing:-1px;
}

div#left ol li.yajirusi004{
background:url(images/work_on.jpg) no-repeat;
margin-top:5px;
padding-top:6px;
padding-bottom:8px;
letter-spacing:-1px;
margin-left:17px;
}

div#left ol li.yajirusi004 a{
color:#FFFFFF;
padding-left:30px;
}

div#left .access{
width:185px;
background:#FFFFFF;
margin-top:90px;
text-align:right;
margin-bottom:21px;
}

div#left .access p{
font-size:1.4em;
padding-top:10px;
padding-left:72px;
}

div#banner img{
margin-bottom:7px;
margin-left:14px;
}
.text01{
text-align:right;
font-size:0.8em;
padding-right:15px;
xpadding-top:5px;

}
.text02{
text-align:right;
font-size:0.8em;
padding-right:15px;
padding-top:5px;
}

.text03{
text-align:center;
color:#FFFFFF;
padding-top:15px;
padding-bottom:8px;

}
address{
font-size:1.0em;
font-style:normal;
padding-bottom:10px;
padding-right:5px;

}
.stay01{
background:url(images/work_on.jpg) no-repeat; 
}

/*----------------------------top-------------------------------------*/

div#right p.img01{
padding-top:15px;
}

div#right p.img02{
float:left;
padding-top:16px;
}

div#right p.img03{
float:right;
padding-right:26px;
padding-top:16px;
}
h3{
background:url(images/h4bar.jpg) no-repeat;
clear:both;
color:#FFFFFF;
font-size:1.4em;
font-weight:bold;
margin-top:20px;
padding:5px 0px;
padding-left:30px;
}
h4{
color:#990000;
font-weight:bold;
font-size:1.0em;
margin-top:12px;
}
.top{
text-align:right;
padding-right:13px;
padding-top:5px;
padding-bottom:5px;
}

div#right p.bannerlogo{
padding-top:10px;
padding-bottom:10px;

}
/*----------------------------company-------------------------------------*/

#companytable{
width:546px;
border:2px solid #664500;
margin-top:13px;
}
div#company table{
width:520px;
margin:10px;
}

div#company table td.td1{
border-bottom:1px solid #664500;
border-right:1px solid #664500;
padding:10px 0px;
text-align:center;
}

div#company table td.td2{
border-bottom:1px solid #664500;
padding:10px 0px 10px 25px;
}
div#company table td.td3{
border-bottom:1px solid #664500;
}

div#company table td.td4{
border-right:1px solid #664500;
padding:10px 0px;
text-align:center;
}
div#company table td.td5{
padding:10px 0px 10px 25px;
}

div#company p.banner1{
float:left;
padding-top:20px;
padding-bottom:10px;
}
div#company p.banner2{
float:right;
padding-right:25px;
padding-top:20px;
padding-bottom:10px;
}

/*----------------------------gyoumu-------------------------------------*/
.border01{
width:546px;
border:2px solid #990000;
margin-top:20px;
}

.border02{
width:546px;
border:2px solid #003300;
margin-top:15px;
}

.border03{
width:546px;
border:2px solid #238776;
margin-top:15px;
}
.gtext01{
font-size:1.2em;
padding-top:12px;
padding-left:17px;
}
.gtext2{
padding-left:25px;
padding-right:25px;
padding-bottom:15px;

}

div#gyoumu p.banner1{
float:left;
padding-top:20px;
padding-bottom:10px;
}
div#gyoumu p.banner2{
float:right;
padding-right:25px;
padding-top:20px;
padding-bottom:10px;
}
.mynabg{
background:url(images/mynabg.jpg) no-repeat;
width:550px;
}

.mynabg p{
line-height:1;
color:#0000ff;
width:395px;
padding-top:8px;
padding-bottom:10px;
padding-left:15px;
float:left;
letter-spacing:-0.069em;
}

.mynabg img{
float:right;
padding-right:20px;
padding-top:5px;
}

/*----------------------------message------------------------------------*/

#message01{
background:url(images/syacyoubg.jpg) no-repeat;
}

div#message01 p{
font-size:1.2em;
line-height:1.4;
}

div#message01 p.message01{
padding-top:15px;
}

div#message01 p.message02{
padding-top:28px;
}

div#message01 p.message03{
padding-top:23px;
padding-left:150px;
}
.banner3{
float:left;
xpadding-top:20px;
xpadding-bottom:10px;
}
.banner4{
float:right;
padding-right:25px;
xpadding-top:20px;
xpadding-bottom:10px;
}
/*----------------------------senpai------------------------------------*/
#senpaibox{
width:546px;
border:2px solid #990000;
background:url(images/senpaibg.jpg);
margin-top:15px;
padding-bottom:10px;
}
.senpai1{
background:url(images/nijibar.jpg) no-repeat;
color:#FFFFFF;
font-size:1.2em;
padding:3px 0px 3px 15px;
margin-top:12px;
margin-left:13px;
}
div#senpaibox p{
padding-left:13px;
padding-right:5px;
}
div#senpaibox p.stext01{
padding-top:18px;
}

div#senpaibox p.left001{
float:left;
width:165px;
}
div#senpaibox div.left002{
float:right;
width:350px;
padding-right:13px;
}

.naka{
background:url(images/senpainaka.jpg) repeat-y;
font-weight:bold;
padding-top:17px;
font-size:1.1em;
}
.nakatext01{
padding-bottom:35px;
}
.nakatext02{
padding-bottom:17px;
}
*html .nakatext02{
padding-bottom:18px;
} 

*html .nakatext01{
padding-bottom:36px;
}
.text003{
color:#990000;
font-size:12px;
font-weight:bold;
padding-top:20px;
}
.text004{
font-weight:bold;
font-size:1.1em;
}

.text005{
padding-bottom:20px;
}
.text006{
padding-top:20px;
}
div#staff p.simg{
float:left;
}
div#staff p.simg1{
float:left;
margin-left:16px;
}

div#senpai p.banner1{
float:left;
padding-top:10px;
padding-bottom:15px;
}
div#senpai p.banner2{
float:right;
padding-right:24px;
padding-top:10px;
padding-bottom:15px;
}
/*----------------------------advice------------------------------------*/
#senpai1box{
width:546px;
border:2px solid #003300;
background:url(images/midoribg.jpg);
margin-top:15px;
padding-bottom:10px;
}
.senpai2{
background:url(images/midoribar.jpg) no-repeat;
color:#FFFFFF;
font-size:1.2em;
padding:3px 0px 3px 15px;
margin-top:12px;
margin-left:13px;
}
div#senpai1box p{
padding-left:13px;
padding-right:5px;
}
div#senpai1box p.stext01{
padding-top:18px;
}

div#senpai1box p.left001{
float:left;
width:165px;
}
div#senpai1box div.left002{
float:right;
width:350px;
padding-right:13px;
}

.naka1{
background:url(images/senpaiadnaka.jpg) repeat-y;
font-weight:bold;
padding-top:10px;
font-size:1.1em;
}

.naka2{
background:url(images/usumidorinaka.jpg) repeat-y;
font-weight:bold;
padding-top:10px;
font-size:1.1em;
}
.nakatext01{
padding-bottom:35px;
}
.nakatext02{
padding-bottom:17px;
}
*html .nakatext02{
padding-bottom:18px;
} 

*html .nakatext01{
padding-bottom:36px;
}
.text003{
color:#990000;
font-size:12px;
font-weight:bold;
padding-top:20px;
}
.text004{
font-weight:bold;
font-size:1.1em;
}

.text005{
padding-bottom:20px;
}
.text006{
padding-top:20px;
}
div#staff p.simg{
float:left;
}
div#staff p.simg1{
float:left;
margin-left:16px;
}

div#senpai p.banner1{
float:left;
padding-top:10px;
padding-bottom:15px;
}
div#senpai p.banner2{
float:right;
padding-right:24px;
padding-top:10px;
padding-bottom:15px;
}

#senpai3box{
width:546px;
border:2px solid #238776;
background:url(images/midoribg.jpg);
margin-top:15px;
padding-bottom:10px;
}
.senpai3{
background:url(images/usumidori.jpg) no-repeat;
color:#FFFFFF;
font-size:1.2em;
padding:3px 0px 3px 15px;
margin-top:12px;
margin-left:13px;
}

.senpai4{
padding-bottom:41px;

}

*html .senpai4{
padding-bottom:36px;
}

.senpai5{
padding-bottom:16px;
}

*html .senpai5{
padding-bottom:19px;
}
div#senpai1box p{
padding-left:13px;
padding-right:5px;
}
div#senpai1box p.stext01{
padding-top:18px;
}

div#senpai1box p.left001{
float:left;
width:165px;
}
div#senpai1box div.left002{
float:right;
width:350px;
padding-right:13px;
}