@import "experiences.css";
*{
    list-style:none;
	}
html,body{
    font-family:Verdana,MSgochic, Osaka;
	text-align:center;
	font-size:13px;
	line-height:150%;
	color:#555;
	margin:0px;
	padding:0px;
	background-color:#fff;
	}

form, input{ margin: 0; padding: 0; }
a img { border: 0; }
a:link { color:#5690DB;}
a:visited {color:#666;}
a:hover {
    color:#F00;
	position:relative;
	top:1px;left:0;
	filter:alpha(opacity=50);-moz-opacity:0.5;}
	
a:active { color:#F00;}

h4, h5, h6 { font-weight: normal; }

h4, h5, h6, ol, pre, blockquote{margin-top: 10px;margin-bottom: 10px;}

#container {
    width:762px;
	margin:162px auto 20px auto;
	padding:0px 0px 0px 0px;
	text-align:left;
	background-image: url(images/containerBack.gif);
	background-repeat:repeat-y;
	}
	
#containerIndex{
    width:788px;
	margin:331px auto 20px auto;
	padding:0px 0px 0px 0px;
	text-align:left;
	background-image: url(../images/base/content_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	}
	
/*下層ページ用*/
#containerIndex2{
    width:788px;
	margin:248px auto 20px auto;
	padding:0px 0px 0px 0px;
	text-align:left;
	background-image: url(../images/base/content_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	}
	
#cotainerInner{padding:0px 29px 0px 29px;margin:0;}

/*下層ページ用*/
#cotainerInner2{padding:0px 14px 0px 29px;margin:0;
	background-image: url(../images/inner/inner_side_bg2.gif);
	background-repeat: repeat-y;}
	
/*ぱんくずナビ
-------------------------------------------------------*/
h1 ,#footer ul, #innerfooter ul{
	padding:5px 0px 3px 0px ;
	border-bottom:solid 2px #7DB749;
	font-size:11px;
    font-weight:normal;
	}

/*ヘッダー
-------------------------------------------------------*/
#header {
	width:100%;
	text-align:center;
	margin: 0px auto;
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(../images/base/content_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	}
	
#header-title {
	width:788px;
	margin:0px auto;
	height:77px;
	background-image: url(../images/base/header_bg.gif);
	background-repeat: no-repeat;
	text-align:left;
	position:relative;
	}	

/*ヘッダー下層用*/
#header-title2 {
	width:788px;
	margin:0px auto;
	height:66px;
	background-image: url(../images/base/header_bg.gif);
	background-repeat: no-repeat;
	text-align:left;
	position:relative;
	}

/*ロゴ
-------------------------------------------------------*/
#rogo {
	position:absolute;
	width:236px;
	height:46;
	top:18px;
	left:21px;
	display:block;
	margin:0px;
	padding:0px;
	}
	

/*文字サイズ変更
-------------------------------------------------------*/
#fontsize {
	position:absolute;
	/*width:151px;
	height:33px;*/
	top:22px;
	left:288px;
	margin:0px;
	padding:0px;
	background-repeat: no-repeat;
	height: 41px;
	width: 250px;
	}
#fontsize img {margin:16px 0px 0px 0px;}

/*体験談用HOMEボタン
-------------------------------------------------------*/
#home {
	position:absolute;
	width:51px;
	height:13;
	top:22px;
	left:289px;
	display:block;
	margin:0px;
	padding:0px;
	}
	
/*ヘッダー問合せ
-------------------------------------------------------*/
#toiawase {
	position:absolute;
	width:182px;
	height:50px;
	top:14px;
	left:536px;
	margin:0px;
	padding:0px;
	}
	
/*ヘッダー問合せ下層用
-------------------------------------------------------*/
#toiawase2 {
	position:absolute;
	width:164px;
	height:46px;
	top:15px;
	left:606px;
	margin:0px;
	padding:0px;
	}
	
/*ヘッダーナビ
-------------------------------------------------------*/
#headnavi{
	position:absolute;
	width:220px;
	height:16px;
	top:22px;
	left:316px;
	margin:0px;
	padding:0px;
	}

/*ナビゲーション
-------------------------------------------------------*/
#navi {
    width:762px;
	margin:0 auto;
	padding:0;
	clear:both;
	text-align:left;
}

/*サイド
-------------------------------------------------------*/
#side{width:199px;margin:0 ;padding:0px;}
	
#sideInner{margin:0px;padding: 0px 0px 0px 15px;}

#side p{
	font-weight:normal;
	padding:0px 0px 10px 0px;
	margin:0;
	}
	
#sidemenu ul {
    margin:0px;
	padding:8px 0px 0px 0px;
	list-style: none;
	width:184px;
	background-image:url(../images/side/side_list_bg.gif);
	background-repeat:repeat-y;
	}
	
#sidemenu li{
	font-size:12px;
	margin:0px;
	padding: 0px;
	line-height: 22px;
	text-indent: 25px;
	background-image: url(../images/side/side_list_icon.gif);
	background-repeat: no-repeat;
	background-position: 12px 8px;
	}

p.sidebotan {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image:url(../images/side/side_list_bg.gif);
	background-repeat:repeat-y;
	padding:0px 0px 5px 0px;
	text-align:right;
	}
p.bana{
    margin:0 0 20px 0;
	}
p.bana img {margin-bottom: 1px;}
p.sidebotan img {padding:3px 10px 0px 0px;}	

/*下層ページ用サイド*/
#right2 {float:right;width:200px;}

#side2{
	width:200px;
	text-align:center;
	background-image: url(../images/inner/inner_side_bg.gif);
	background-repeat: repeat-y;
	}
	
#sideInner2{margin:0px;padding: 0px 0px 0px 2px;}

#side2 p{
    font-size:12px;
	font-weight:normal;
	padding:10px 0px 0px 0px;
	margin:0px;
	}

.side-outline {color:#339900;}
.side-outline img{margin-bottom: 10px;padding: 0px;}

/*体験談ページ用サイド*/
#exp ul{margin: 0px 0px 0px 0px;padding: 0px;list-style: none;}
#exp ul li{margin: 0px;padding: 0px;list-style: none;
display:inline;}

/*コンテンツ枠　全体の設定
-------------------------------------------------------*/
#contentIndex {
    width:530px;
    float:left;
	margin:0;
	padding:0px; 
	text-align:left;
	}

/*コンテンツのテキストと見出し
-------------------------------------------------------*/
.content-text{
	font-size: 13px;
	margin:0px;
	padding:10px 10px 15px 10px;
	}
	
.font-big{
	font-size: 15px;
	}
	
#contentIndex h2 {margin:0px;padding: 0px;}	
#contentIndex h3 {
	margin:20px 0px 0px 0px;
	padding: 0px;
	text-indent: 10px;
	font-size:13px;
	line-height:28px;
	color:#427C2E;
	background-image: 			url(../images/inner/content_smidashi_bg.gif);
	background-repeat: no-repeat;
}
.content-icon {color:#619830}

/*コンテンツ 2カラム設定
-------------------------------------------------------*/
/* これ以降Mac IE 5には適用されない \*/
.contentTowcolumn{
    margin:0px;
    clear:both;
	}
/* これ以降Mac IE 5にも適用される */ 
	
.contentTowcolumnLeft{
    width:263px;
	float:left;
	}	
	
.contentTowcolumnRight{
    width:263px;
	float:right;
	}
	
.contentTowcolumnLeft p, .contentTowcolumnRight p{
	margin:0px 0px 3px 0px ;
	padding:5px 5px 5px 5px;
	height:111px;
	background-image: url(../images/index/two_column_bg.gif);
	background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}
	
.columnLeft img, .columnRight img{
	float:left;
	margin:0px 7px 0px 0px;
}

/*新着情報
-------------------------------------------------------*/

#new {clear:both;}
	
#new h2 {margin:0px;padding:10px 0px 10px 0px;

	}
#new p{margin:0px;padding:0px;}
	
#new p{
	margin:0px 10px 0px 10px;
	background-image: url(../images/side/side_list_icon.gif);
	background-position: 0px 20px;
	background-repeat: no-repeat;
	}
	
#new p .newmaintext {padding-left: 12px;}
#new p .newjikan {font-size:12px;}
#new p .newsubtext {text-align:right;font-size:12px;display:block;}

#right {float:right;margin:0;padding:0;}
	
/*フッター
--------------------------------------------*/
.link {text-align:center;font-size:9px;line-height:13px;margin:20px 0 0 0;}

#footer {
    margin:0;
	padding:15px 0 0 0;
	font-size:10px;
	background-color:#fff;
	clear:both;
	}
/*下層用*/
#innerfooter {
	margin:0;
	padding:15px 13px 0 0;
	font-size:10px;
	background-color:#fff;
	clear:both;
	background-image: url(../images/inner/inner_footer_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}	

#footer_bottom {margin:2px 0px 0px 0px;padding:0;}
#footBottom{margin-bottom:20px;}
	
#innerfooter ul,#footer ul,#footerNavi ul,#footerNaviBottom ul{
    list-style:none;
	margin:0px;
	padding:3px 0px 5px 0px;
	}
#innerfooter li,#footer li,#footerNavi li#footerNaviBottom li{
    display:inline;
	margin:0px;
	}
	
#footerNavi ul{border:0px;margin:0px 0px;}
#footerNavi{text-align:center;}

#footerNaviBottom{
    background-color:#7DB749;
	padding:0px 5px;
	color:#FFF;
	}
	
#footerNaviBottom a{color:#FFF;}
#footerNaviBottom ul{border:0px;}

.copy p{
    float:left;
	margin:0;
	padding:0;
	display:inline;
	}
.footPagetop p{
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	display:inline;
	}
	

/*個人情報保護方針
--------------------------------------------*/
#privacy {margin:0 10px 20px 10px;padding:0;}
#privacy h4 {font-size:12px;border-bottom:dotted 2px #619830;color:#619830;margin:0 0 10px 0;
background-color:#E4FBBE;
text-indent: 2px;
text-align:left;line-height:20px;font-weight:bold;}
#privacy p {color:#666666;font-size:11px;line-height:140%;}
#privacy li {color:#666666;font-size:11px;line-height:140%;margin:0 0 5px 0;}


/*サイトマップ
--------------------------------------------*/	
#sitemap {margin:20px 15px 10px 15px;font-size:13px;line-height:25px;}
ul#map {margin:0;padding:0;}
ul#map ul {margin:0;padding:0;}
ul#map li {list-style-type:none;margin:0 0 0 2em;padding:0 0 0 0;background:url(../images/sitemap/marker.gif) no-repeat;
text-indent:20px;}
ul#map li.joint {background:url(../images/sitemap/joint.gif) repeat-y top left;}
ul#map li.bottom {background:url(../images/sitemap/bottom.gif) no-repeat bottom left;}

/*よくある質問
--------------------------------------------*/	
#faq .faq{
	background-image:url(../images/faq/a.gif);
	background-repeat:no-repeat;
	padding:0px 15px 0px 25px;
	margin: 7px 0px 0px 0px;
	}

/*回り込み
--------------------------------------------*/
.float{}
.float img{
    float:right;
	margin:0px 0px 5px 5px ;
	}

.floatLeft{
	float:left; 
	margin:0px 5px 5px 0px ;
	}
.floatLeft0{
	float:left; 
	margin:0px 0px 0px 0px ;
	}
.floatRight{
	float:right; 
	margin:0px 0px 5px 5px ;
	}
.floatRight0{
	float:right; 
	margin:0px;
	}
.clar{clear:both;}

/*カラーフォント
--------------------------------------------*/

.red {
	color:#FF3300;
	}
.blue {
	color:#000099;
	}
	
/*くぎりアイコン
--------------------------------------------*/

.kugiri {
	margin: 10px 0px 10px 0px;
	text-align:center;
	display:block;
	}