@charset "shift_jis";



body {
	font: 75%/2 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	/*文字サイズは75%の部分になる。12pxとか自由に変更して下さい。*/
	color: #666666;	/*文字色をグレーに*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #CCCCCC url(images/bg.jpg) no-repeat center top;	/*壁紙設定箇所。ページ上部の中央よせという意味。通常の設定にしたいなら「no-repeat center top」を外す。*/
}
h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
.color1 {
	color: #976a95;
}
.look {
	background: #222222;
}



/*リンク設定
---------------------------------------------------------------------------*/
a {
	color: #666666;	/*リンク部分を通常テキストと同じグレーにする*/
}
a:hover {
	color: #333333;	/*カーソルオーバー時に薄い紫色にする*/
	text-align: right;
}



/*h1タグ設定
---------------------------------------------------------------------------*/
h1 {
	width: 912px;
	font-size: 10px;	/*文字サイズを10pxに*/
	text-align: left;	/*左よせ。もし右よせがいいなら「left」を「right」、センタリングがいいなら「center」にする。*/
    color: #666666;	/*文字色*/
	margin: 0 auto;
	padding: 8px 0 0 10px;
}



/*コンテナー設定
---------------------------------------------------------------------------*/
#container {
	background: url(images/container_bg.gif) repeat-y;
	width: 912px;
	margin-top: 90px;	/*最上部の画像とサイト名の高さに合わせてここも変更する*/
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}



/*メインメニュー設定
---------------------------------------------------------------------------*/
ul#menu li {
	float: left;	/*ビルダー編集画面で崩れないようにフロート設定にしました*/
	width: 152px;
}



/*コンテンツ設定
---------------------------------------------------------------------------*/
#contents {
	clear: left;	/*上のメインメニューのフロート処理の解除*/
	width: 100%;
}


/*トップページのキービジュアル画像（メイン画像）設定
---------------------------------------------------------------------------*/
#contents_top {
	clear: left;	/*上のメインメニューのフロート処理の解除*/
	width: 889px;
	padding: 0px 0px 0px 11px;
	text-align: center;
}


/*トップページのキービジュアル画像（メイン画像）設定
---------------------------------------------------------------------------*/
#fla {
	width: 889px;	/*メインコンテンツの幅*/
	padding: 0px 0px 0px 0px;
	text-align: center;
}



/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	display: inline;
	float: left;
	width: 550px;	/*メインコンテンツ(左ブロック)の幅*/
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 80px;
}

/*メインコンテンツ内の見出し設定箇所*/
#main h2 {
	font-size: 100%;
	border-top: 1px solid #2F1D09;		/*上に入っている線。*/
	border-bottom: 1px solid #2F1D09;	/*下に入っている線。*/
	line-height: 50px;					/*見出しの高さ*/
	background: url(images/h2_bg.jpg) no-repeat center;	/*見出しに入っている梅の花画像設定*/
	padding-left: 10px;
	letter-spacing: 0.2em;
	color: #FFFFFF;		/*文字色を白に*/
}

/*メインコンテンツ内の見出し設定箇所*/
#main h3 {
	font-size: 100%;
	border-bottom: 1px solid #2F1D09;	/*下に入っている線。*/
	line-height: 30px;					/*見出しの高さ*/
	padding-left: 10px;
	padding-top: 10px;
	letter-spacing: 0.2em;
	color: #666666;		/*文字色を白に*/
}

/*メインコンテンツ内の段落設定箇所*/
#main p {
	padding: 0.5em 10px 1em;
}



/*メインコンテンツ2
---------------------------------------------------------------------------*/
#main2 {
	display: inline;
	float: left;
	width: 875px;	/*メインコンテンツ(左ブロック)の幅*/
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 80px;
}

/*メインコンテンツ内の見出し設定箇所*/
#main2 h2 {
	font-size: 100%;
	border-top: 1px solid #2F1D09;		/*上に入っている線。*/
	border-bottom: 1px solid #2F1D09;	/*下に入っている線。*/
	line-height: 50px;					/*見出しの高さ*/
	background: url(images/h2_bg2.jpg) no-repeat center;	/*見出しに入っている梅の花画像設定*/
	padding-left: 10px;
	letter-spacing: 0.2em;
	color: #FFFFFF;		/*文字色を白に*/
}

/*メインコンテンツ内の段落設定箇所*/
#main2 {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#main2 dl {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#main2 dt {
	font-weight: bold;	/*日付を太字に。通常の太さがいいなら、この1行を丸ごと削除。*/
	color: #333333;		/*日付の文字色*/
}
#main2 dd {
	border-bottom: 1px dotted #201109;	/*コメントの下に1pxの点線(dotted)*/
	padding-left: 1em;	/*コメントの左側に少しだけ空白を設ける。上の日付と同じくしたいなら、この1行を丸ごと削除。*/
}



/*サイドコンテンツ
---------------------------------------------------------------------------*/
#side {
	display: inline;
	float: right;
	width: 300px;	/*サイドコンテンツ(右ブロック)の幅*/
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 80px;
}

/*サイドコンテンツ内の見出し設定箇所*/
#side h3 {
	background: #201109;		/*見出し背景色*/
	letter-spacing: 0.2em;
	text-align: center;			/*文字のセンタリング。左よせでいいならこの1行を丸ごと削除。*/
	font-size: 100%;
	border: 1px solid #201109;	/*見出しの枠線。1pxの直線(solid)を#2A1C29の色で設定。*/
	color: #FFFFFF;				/*文字色を白に*/
}

/*サイドコンテンツ内の段落設定箇所*/
#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

/*会社案内の表組み部分
---------------------------------------------------------------------------*/
.company_table th{	
	border-top: solid 5px #FFFFFF;
	padding:5px;
	text-align:left;
	font-size: 12px;
	color: #666666;
	line-height: 1.4;
	font-weight: bold;
	background-color:#F6F6F6;
	width:110px;
	height:50px;
	vertical-align:text-top;
}

.company_table td{
	border-left: solid 10px #FFFFFF;
	padding:10px;
	text-align:left;
	font-size: 12px;
	color: #666666;
	line-height: 1.4;
	font-weight: normal;
	vertical-align:text-top;
}



/*サイドコンテンツ内の「おしらせ」部分
---------------------------------------------------------------------------*/
#side dl {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#side dt {
	font-weight: bold;	/*日付を太字に。通常の太さがいいなら、この1行を丸ごと削除。*/
	color: #333333;		/*日付の文字色*/
}
#side dd {
	border-bottom: 1px dotted #201109;	/*コメントの下に1pxの点線(dotted)*/
	padding-left: 1em;	/*コメントの左側に少しだけ空白を設ける。上の日付と同じくしたいなら、この1行を丸ごと削除。*/
}


/*パンくず部分
---------------------------------------------------------------------------*/
#bread_clumb {
	border-top: 1px dotted #CFD0DF;
	padding: 1px;
	margin-left: 9px;

}


/*フッター（copyright部分）
---------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 909px;
	text-align: center;
	background: url(images/footer_bg.gif) no-repeat center bottom;
	line-height: 5.0;
	height: 56px;
	padding-top: 0px;
}

/* お問い合わせ部分
--------------------------------------------------------- */

.inquiry_tel {
	margin: 0 0 20px 0;
	text-align: center;
}

.inquiry_title_001 {
	margin: 0 0 20px 0;
}

.inquiry_title_002 {
	margin: 0 0 20px 0;
}

.inquiry_form {
	width: 610px;
	margin: 0 20px 0 15px;
}

.inquiry_form_text_001 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 20px 0;
	text-align: center;
}

.inquiry_form_table {
	border-collapse: collapse;
	margin: 0 0 15px 0;
	width: 100%;
}

.inquiry_form_table th {
	width: 200px;
	text-align: left;
	background-color: #FCFCFC;
	border: 1px solid #E0E0E0;
	padding: 8px 5px 8px 10px;
}

.inquiry_form_table td {
	border: 1px solid #E0E0E0;
	padding: 8px 10px 8px 10px;
}

.inquiry_form_indispensability {
	background: url(../img/inquiry/ot_001.gif) right center no-repeat;
}

.inquiry_form_btn {
	text-align: center;
	margin: 0 0 25px 0;
}

.inquiry_ip_name {
	width: 165px;
}

.inquiry_ip_kana {
	width: 165px;
}

.inquiry_ip_postal_code {
	width: 90px;
}

.inquiry_ip_address {
	width: 365px;
}

.inquiry_ip_tel {
	width: 165px;
}

.inquiry_ip_mail {
	width: 360px;
}

.inquiry_ta_comment {
	width: 360px;
	height: 120px;
}

.inquiry_form_text_002 {
	color: #333333;
	line-height: 1.4;
}

.inquiry_form_error {
	border: 1px solid #FFCCCC;
	background-color: #FFFDFF;
	color: #FF0000;
	margin: 15px 0;
	padding: 10px;
	line-height: 1.3;
}

.inquiry_form_error strong {
	font-size: 16px;
}