@charset "utf-8";

/*------------------------------------------
　　＜全ページ共通CSS＞

		■初期設定・初期化
			：共通設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：イメージ初期化
		■メイン設定
		■コンテンツ設定
		■フッター設定
------------------------------------------*/

/*------------------------------------------
　　ブラウザのマージンとパディング初期化
------------------------------------------*/
*{
margin:0;
padding:0;
}

/*------------------------------------------
　　タグ毎のマージンとパディング初期化
------------------------------------------*/
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}

/*------------------------------------------
　　リンク設定
------------------------------------------*/
a {
color: #0066cc;
}
a:hover {
	color:#FF3399;
}
a:visited {
	color:#993399;
	text-decoration:underline;
}
a img{
border: none;
}

/*------------------------------------------
　　配置
------------------------------------------*/
.floatLeft{
float:left;
}

.floatRight{
float:right;
}

.center{
text-align:center;
}

/*------------------------------------------
　　float対策
------------------------------------------*/
.fcl { 
zoom: 100%;
}
.fcl:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

/*------------------------------------------
　　イメージ初期化
------------------------------------------*/
img {
vertical-align:middle;
margin:0;
padding:0;
}

/*------------------------------------------
　　テキスト装飾
------------------------------------------*/
.txt_bold{
	font-weight:bold;
}
.txt_small{
	font-size:11px;
}
.txt_big{
	font-size:16px;
}
.txt_red{
	color:#FF0000;
}
.txt_marker{
	background-color:#FFFF33;
}


/*------------------------------------------
	メイン設定
------------------------------------------*/
body {
	background: url("../img/body.gif") repeat fixed center 0 #FFFFFF;
    font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
	color:#000000;
	font-size: 16px;
	line-height: 140%;
}

#wrap{
	background: url("../img/wrap_bg.gif") repeat-y scroll center 0 #6bc1e9;
	width:970px;
	margin:0 auto;
}
#frame{
	background:#6bc1e9;
	width:930px;
	margin:0 auto;
}

h1{
    background: none repeat scroll 0 0 #091f5e;
    color: #FFFFFF;
    font-size: 14px;
    padding-left: 30px;
    text-align: left;
	text-align:center;
}


/*------------------------------------------
	header
------------------------------------------*/
#header{
    background: url("../img/header.gif") no-repeat scroll 0 0 transparent;
    height: 82px;
    margin: 0 auto;
    width: 960px;
}

#header p{
text-indent:-4000px;
}

.btn_header{
    left: 756px;
    position: relative;
    top: -7px;
    width: 186px;
}




.toiawase{
background: url("../img/toiawase.gif") no-repeat scroll 0 0 transparent;
height: 319px;
}

.btn_toiawase{
    left: 449px;
    position: relative;
    top: 212px;
    width: 186px;
	}

/*------------------------------------------
	box001
------------------------------------------*/
#box001{
	background:#ffffff;
    border: 3px solid #CC0000;
    margin: 15px 0;
    width: 924px;
}
.tokucho{
background:#ffffff;
text-align:center;
}

.tokucho ul{
margin:0 auto;
}
.tokucho li{
list-style:none;
margin: 5px 0;
}


/*------------------------------------------
	box002
------------------------------------------*/
#box002{
	background:#ffffff;
	border: 3px solid #CC0000;
	margin: 15px 0;
}

.meritset{
width:880px;
margin:0 auto;
}

.merit{
margin-right:15px;
}

.demerit{
}

/*------------------------------------------
	box003
------------------------------------------*/
#box003{
	margin: 15px 0;
}

/*------------------------------------------
	box004
------------------------------------------*/
#box004{
	background:#ffffff;
	border: 3px solid #CC0000;
	text-align:center;
	margin: 15px 0;
}

/*------------------------------------------
	box005
------------------------------------------*/
#box005{
	background:#ffffff;
	border: 3px solid #CC0000;
	text-align:center;
	margin: 15px 0;
}

/*------------------------------------------
	box006
------------------------------------------*/
#box006{
	background:#ffffff;
	border-top:none;
	margin:0 0 15px 0;
}

.caplist{
margin:0 auto;
width: 888px;
background-color:#FFFFFF;
}
.cap{
float:left;
margin:0px 5px 15px 5px;
}

.caplist a img.cap{
border:#cccccc 1px solid;
}



/*------------------------------------------
	company
------------------------------------------*/

.company_title{
    background: none repeat scroll 0 0 #CC0000;
    border-left: 10px solid #AA0000;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 15px;
}

.company_subtitle{
    border-left: 5px solid #04174e;
    font-weight: bold;
    margin: 15px 17px 0;
    padding: 0 5px;
}

#company{
background:#ffffff;
border:#cc0000 3px solid;
margin:15px 0;
clear:both;
font-size:14px;
}

#companyA{
float:left;
}

#companyB{
float:left;
}

#company table{
text-align:left;
border-collapse:collapse;
margin: 15px;
}

#company table td{
padding:10px;
}


/*------------------------------------------
　　フォーム
------------------------------------------*/

#toiawase_title{
    background: none repeat scroll 0 0 #003366;
    border-bottom: 5px solid #2673A9;
    border-top: 5px solid #2673A9;
    color: #FFFFFF;
    font-size: 28px;
    font-weight: bold;
    margin: 0 auto;
    padding: 15px 30px;
    text-align: center;
    width: 93%;
}
/*------------問い合わせ------------*/
#form{

}

.commentArea{
    display: block;
    margin: 20px 0 0 99px;
}

#form table{
text-align:left;
border-collapse:collapse;
margin:0 auto;
}

#form table td{
padding:15px;
}


#form table.contact_table {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin-bottom: 15px;
    margin-left: 0;
    width: 517px;
}

#form table.contact_table th {
    background: url("../img/list004.png") no-repeat scroll 10px 19px #FBFBFB;
    border-top: 1px solid #CCCCCC;
    padding: 15px 26px;
    text-align: left;
    vertical-align: top;
    width: 130px;
}

#form table.contact_table td {
	padding: 10px 10px 18px;
	border-top: 1px solid #CCCCCC;
}

	
input {
	padding: 4px;
	font-size: 90%;
}



input.input1,
input.input2,
input.input3,
input.input4,
textarea {
	padding: 2px 4px;
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: #AAAA94 #DFDFD6 #DFDFD6 #AAAA94;
    background: #F1F1ED;
}

input:focus, 
iselect:focus, 
textarea:focus {
    background: #FFFFFF;
}

#submit {
	text-align: center;
	margin-bottom: 36px;
}

#submit input {
	margin: 0 10px 0;
	padding: 2px 6px;
}

/*------------------------------------------
	フッター
------------------------------------------*/
#footer {
display:block;
text-align:center;
margin:20px auto 0;
padding:10px 0 10px 0;
border-top:#666666 1px dashed;
}