@charset "utf-8";
/*
Theme Name: cloudtpl_651
Theme URI: http://c-tpl.com/
Description: cloudtpl_651
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body{
font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
background: #fff;
}

ul {list-style: none;}

a{color:#4f4b43;text-decoration:none;}
a:hover{color:#837d72;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
.left{ float: left;}
.right{ float: right;}
._blank{ height: 12px; }

/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 918px;
}

/*************
/* ヘッダー
*************/
#header{
height: 80px;
background: url(images/phone.png) no-repeat;
background-position: 644px;
}

#header h1 {
color: #333;
padding: 3px 0 5px;
font-size: 10px;
font-weight: normal;
}

#comp_tex1
{
	
}

#comp_tex2
{
	
}



/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 918px;
height: 39px;
background:url(images/topnav.jpg) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
height: 39px;
background:url(images/topnav.jpg) no-repeat;
}

ul#topnav a#t_nav1{width: 143px; background-position:0 0;}
ul#topnav a#t_nav2{width: 173px; background-position:-143px 0;}
ul#topnav a#t_nav3{width: 235px; background-position:-316px 0;}
ul#topnav a#t_nav4{width: 225px; background-position:-551px 0;}
ul#topnav a#t_nav5{width: 142px; background-position:-776px 0;}

ul#topnav a#t_nav1:hover, ul#topnav li.active a#t_nav1{background-position:0 -45px;}
ul#topnav a#t_nav2:hover, ul#topnav li.active a#t_nav2{background-position:-143px -45px;}
ul#topnav a#t_nav3:hover, ul#topnav li.active a#t_nav3{background-position:-316px -45px;}
ul#topnav a#t_nav4:hover, ul#topnav li.active a#t_nav4{background-position:-551px -45px;}
ul#topnav a#t_nav5:hover, ul#topnav li.active a#t_nav5{background-position:-776px -45px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 25px 0;
display: inline;
}

#mainimage {
margin-top: 30px;
}

#main h2{
margin-bottom: 10px;
padding: 0 10px 0px 20px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #fff;
background: url(images/heading.png) no-repeat;
}

#main h3 {
font-size: 13px;
line-height: 30px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.2em;
color: #4f4b43;
border-bottom: 1px solid #ccc;
}

#main p {
padding: 15px 15px 15px 20px;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#4f4b43;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}

ul#bottomnav
{
	position: relative;
	left: -30px;
	top: 22px;
	height: 37px;
	width: 931px;
}

ul#bottomnav li{float:left;list-style:none;}

ul#bottomnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
height: 37px;
background:url(images/bottomnav.jpg) no-repeat;
}

ul#bottomnav a#t_nav1{width: 111px; background-position:0 0;}
ul#bottomnav a#t_nav2{width: 120px; background-position:-111px 0;}
ul#bottomnav a#t_nav3{width: 179px; background-position:-231px 0;}
ul#bottomnav a#t_nav4{width: 154px; background-position:-410px 0;}
ul#bottomnav a#t_nav5{width: 86px;  background-position:-564px 0;}

ul#bottomnav a#t_nav1:hover, ul#bottomnav li.active a#t_nav1{background-position:0 -37px;}
ul#bottomnav a#t_nav2:hover, ul#bottomnav li.active a#t_nav2{background-position:-111px -37px;}
ul#bottomnav a#t_nav3:hover, ul#bottomnav li.active a#t_nav3{background-position:-231px -37px;}
ul#bottomnav a#t_nav4:hover, ul#bottomnav li.active a#t_nav4{background-position:-410px -37px;}
ul#bottomnav a#t_nav5:hover, ul#bottomnav li.active a#t_nav5{background-position:-564px -37px;}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: url(images/button.png) no-repeat;
margin: 0 -16px;
}

p.button a{color:#fff;}
p.button a:hover{color:#fff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
padding: 20px 0;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #fff;
background: url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-bottom: 20px;
padding: 10px 0 0 5px;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dotted #dcdcdc;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}




/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #e6e4d9;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}


/*************
/* TopPage
*************/
.box_tex
{
	margin-left: 10px;
}

#top_withimage
{
	background:url(images/withimage.jpg) no-repeat;
	background-position: 264px 10px;
	height: 191px;
}

#top_tex
{
	position: relative;
	padding-top: 10px;
	width: 400px;
	line-height: 21px;
}

#shadow_box
{
	position: absolute;
	padding-top: 10px;
	top: 12px;
	width: 252px;
	height: 158px;
	-webkit-box-shadow: 189px 0px 96px rgba(255, 255, 255, 1);
	-moz-box-shadow: 189px 0px 96px rgba(255, 255, 255, 1);
	box-shadow: 189px 0px 96px rgba(255, 255, 255, 1);
	
	background-color:#ffffff;
	filter:alpha(opacity=90);
	opacity:0.90;
	-moz-opacity:0.90;
	
	z-index: 1;
}

#top_t
{
	position: relative;
	z-index: 2;
}

#top_t1
{
	font-size: 17pt;
	color: #0a3d5a;
	font-weight: bold;
	display: block;
	height: 11px;
}

#top_tfont
{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: normal !important;
}

.blank
{
	height: 5px;
}

/********************
/*	会社情報
********************/

.company_table
{
	width: 100%;
}

.company_table th
{
	background-color: #6C8997;
	color: white;
	width: 131px;
	padding: 5px 0px;
}

.company_table td
{
	background-color: #dbe8f0;
	padding: 5px 5px;
}

#map
{
	margin-left: 65px;
}

.camp_class1 li
{
	float: left;
}

.camp_table2
{
	width: 100%;
	margin-bottom: 12px;
}

.camp_table2 td
{
	padding: 4px;
}

#camp_box
{
	background: url(images/camp_back.png) no-repeat 342px 33px;
}

.cb_htex
{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 22px;
	color: #004262;
	margin-bottom: 12px;
}

.cb_itex
{
	font-size: 15pt;
	font-weight: bold;
	padding-left: 15px;
}

#camp_list
{
	margin: auto;
	height: 32px;
	width: 600px;
	margin-bottom: 12px;
}

#camp_list li
{
	background: url('images/camp_b.png') no-repeat;
	width: 150px;
	height: 26px;
	float: left;
	text-align: center;
	padding-top: 6px;
}

#camp_list a
{
	padding-top: 4px;
	color: white;
	font-size: 13pt;
}

#camp_list a:hover
{
	text-decoration: underline;
	
}



.no-blank
{
	padding: 0px !important;
	margin: 0px !important;
}

.ado_b
{
	display: block;
	width: 286px;
	height: 26px;
	padding-top: 7px;
	color: #fff;
	font-size: 12pt;
	text-align: center;
	background: url('images/ado_b1.png');
}

.ado_b:hover
{
	color: #fff;
	text-decoration: underline;
}

.ado_limg1
{
	position: relative;
	top: 5px;
}

.ado_rimg1
{
	position: relative;
	top: -9px;
	margin-left: 12px;
}

#ad_comment
{
	padding-top: 51px;
	font-size: 13pt;
	line-height: 26px;
	text-align: center;
	color: #db5635;
	width: 253px;
	height: 180px;
	background: url('images/back.png') no-repeat;
}

.borderb
{
	border-bottom: 1px #cdcdcd dotted;
}

.ad_img3
{
	margin-right: 20px;
}

.ad_img4
{
	margin-top: 45px;
	margin-right: 26px;
}

.ad_img5
{
	margin-top: 7px;
}

.ad_img5 img
{
	margin: 5px;
}

.tex_h4
{
	font-size: 12pt;
	color: #014063;
}

.ad_b2
{
	display: block;
	width: 192px;
	height: 24px;
	padding-top: 8px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: url('images/ado_b2.png') no-repeat;
	float: left;
	margin: 10px;
}

.ad_b2:hover
{
	color: #fff;
	text-decoration: underline;
}

#tec_bottomb
{
	width: 430px;
	height: 32px;
	margin: auto;
	margin-top: 10px;
}


/*************************
/*	フォーム設定
*************************/
.iqfm-input,.iqfm-table
{
	width: 100%;
}

.iqfm-input span,.iqfm-table span
{
	color: red;
}

.iqfm-input th,.iqfm-table th
{
	width: 150px;
}

#iqfm-input-textarea-10
{
	width: 345px;
	height: 95px;
}

#inquiryform-1 input[type="button"],#inquiryform-1 input[type="submit"],#inquiryform-2 input[type="button"],#inquiryform-2 input[type="submit"]
{
	width: 100px;
}