/* CSS Document */

html { height:100%; }
body { height:100%; margin:0px 0px 0px 0px; background:url(../common_img/allbg.png) repeat; font-size:12px; color:#333333; }

body, textarea { font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

/* 高さ自動調整 */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/*Hides from IE-mac ?*/
*html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* hタグなどの指定 */
h1 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h2 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; margin:0px }
h3 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h4 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h5 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }


/* ul,li,pタグの指定 */
ul,li {
	list-style:none;
}

p { margin:0; }


/* フォントの指定 */
.bold { font-weight:bold; }
.textgreen { color:#99cc66; }
.textgreen_b { color:#99cc66; font-weight:bold; }
.textorange { color:#F8B934; }
.textorange_b { color:#F8B934; font-weight:bold; }
.textred { color:#FF0000; }
.textred_b { color:#FF0000; font-weight:bold; }
.textpink { color:#FF00BA; }
.textpink_b { color:#FF00BA; font-weight:bold; }
.textpurple { color:#CC0199; }
.textpurple_b { color:#CC0199; font-weight:bold; }

.size6 { font-size:8px; }
.size8 { font-size:10px; }
.size10 { font-size:12px; }
.size12 { font-size:14px; }
.size14 { font-size:16px; }


/* 罫線など */
.dashed_line { border-bottom: 1px dotted #343434; margin:10px 0px 10px 0px; }
.solid_line_orenge { border-bottom: 1px solid #EA5532; margin:10px 0px 15px 0px; }
.solid_line_blue { border-bottom: 1px solid #32BCF8; margin:10px 0px 15px 0px; }
.solid_line_green { border-bottom: 1px solid #45B035; margin:10px 0px 15px 0px; }
.solid_line_gray01 { border-bottom: 1px solid #B2B2B2; margin:14px 0px 14px 0px; }
.solid_line_purple { border-bottom: 1px solid #BE0089; margin:10px 0px 0px 0px; }
.solid_line_purple01 { border-bottom: 1px solid #BE0089; margin:14px 0px 14px 0px; }


/* 画像のリンク */
a img { border-style:none; }


/* hrの設定 */
hr.style-one {    border: 0;    height: 1px;    background: #999;    background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc);    background-image:    -moz-linear-gradient(left, #ccc, #999, #ccc);    background-image:     -ms-linear-gradient(left, #ccc, #999, #ccc);    background-image:      -o-linear-gradient(left, #ccc, #999, #ccc);}


/* ページ全体のテキストリンク */
a:link { color:#333333; text-decoration:underline; }
a:visited { color:#333333; text-decoration:underline; }
a:active { color:#FF8804; text-decoration:underline; }
a:hover { color:#FF8804; text-decoration:underline; }


/* アンカーボックス */
.anchorbox { padding:0; }


/* メインボックス */
#wrap { width:1037px; margin:0 auto; }


/* ヘッド */
#headbox01 { width:100%; min-height:1288px; height:auto !important; height:1288px; background:url(../common_img/headbg.png) no-repeat top center; }
#headbox02 { width:748px; margin:0 auto; padding:230px 30px 0 0; }


/* ナビゲーション */
#navi01bg { width:226px; height:786px; float:left; background-image:url(../common_img/navi/navi01bg.png); background-repeat:no-repeat; text-align:right; }
#navi02bg { width:174px; height:914px; float:left; background-image:url(../common_img/navi/navi02bg.png); background-repeat:no-repeat; text-align:right; }
#navi03bg { width:172px; height:764px; float:left; background-image:url(../common_img/navi/navi03bg.png); background-repeat:no-repeat; text-align:right; }
#navi04bg { width:176px; height:913px; float:left; background-image:url(../common_img/navi/navi04bg.png); background-repeat:no-repeat; text-align:right; }


/* 会社概要 */
#companydetailbox { width:580px; margin:0 auto; line-height:200%; padding:0 0 0 77px; }

td.companyleft { padding-bottom:30px; text-align:right; vertical-align:middle; }
td.companycenter { padding:0 10px 30px 10px; text-align:center; vertical-align:middle; }
td.companyright { padding-bottom:30px; text-align:left; vertical-align:middle; }


/* メインコンテンツ */
#maincontentsbox01 { width:1045px; margin:0 auto; padding:50px 0 0 77px; }

#mainleftcontents { width:968px; float:left; }
#mainrightcontents { width:77px; float:right; }


/* コンテンツボックス */
.contentsbox01 { padding-bottom:80px; line-height:200%; }
.contentsbox02 { background-color:#FFFFFF; padding:20px 0 20px 0; }


.catchbox01 { padding-bottom:10px; }
.titlebox01 { padding-bottom:30px; }

.catchtextbox01 { width:940px; margin:0 auto; padding-bottom:60px; }

.categorytitlebox01 { width:940px; margin:0 auto; padding-bottom:10px; }
.subtitlebox01 { padding-bottom:20px; text-align:center; }

.imgtablebox01 { width:935px; margin:0 auto; }

td.designdirectionbox_x_01 { width:305px; padding:0 10px 15px 0; vertical-align:top; }
td.designdirectionbox_x_02 { width:305px; padding:0 0px 15px 0; vertical-align:top; }

td.designdirectionnamebox_x_01 { width:305px; padding:0 10px 30px 0; vertical-align:top; text-align:center; }
td.designdirectionnamebox_x_02 { width:305px; padding:0 0px 30px 0; vertical-align:top; text-align:center; }


td.imgbox_x_01 { width:305px; padding:0 10px 30px 0; vertical-align:top; }
td.imgbox_x_02 { width:305px; padding:0 0 30px 0; vertical-align:top; }

td.imgbox_y_01 { width:224px; padding:0 13px 30px 0; vertical-align:top; }
td.imgbox_y_02 { width:224px; padding:0 0 30px 0; vertical-align:top; }

.imgbgbox01 { width:100%; }
.img_x_top01 { height:5px; line-height:5px; font-size:5px; background:url(../img/img_x_top.png) no-repeat; }
.img_x_bg01 { background:url(../img/img_x_bg.png) repeat-y; }
.img_x_bottom01 { height:7px; line-height:7px; font-size:7px; background:url(../img/img_x_bottom.png) no-repeat; }

.img_x_box { width:293px; padding-left:5px; }

.img_y_top01 { height:5px; line-height:5px; font-size:5px; background:url(../img/img_y_top.png) no-repeat; }
.img_y_bg01 { background:url(../img/img_y_bg.png) repeat-y; }
.img_y_bottom01 { height:7px; line-height:7px; font-size:7px; background:url(../img/img_y_bottom.png) no-repeat; }

.img_y_box { width:212px; padding-left:5px; }


/* ライトアイコン */
#righticonbox01 { width:43px; margin:0 auto; }

#righticon01bg { width:43px; height:39px; padding-bottom:12px; background:url(../common_img/righticon/righticon01bg.png) no-repeat; }
#righticon02bg { width:43px; height:51px; padding-bottom:12px; background:url(../common_img/righticon/righticon02bg.png) no-repeat; }
#righticon03bg { width:43px; height:43px; padding-bottom:12px; background:url(../common_img/righticon/righticon03bg.png) no-repeat; }
#righticon04bg { width:43px; height:47px; padding-bottom:12px; background:url(../common_img/righticon/righticon04bg.png) no-repeat; }
#righticon05bg { width:43px; height:44px; padding-bottom:12px; background:url(../common_img/righticon/righticon05bg.png) no-repeat; }
#righticon06bg { width:43px; height:36px; padding-bottom:0px; background:url(../common_img/righticon/righticon06bg.png) no-repeat; }


/* web site */
#webbannerbox01 { padding:10px 0 10px 0; text-align:center; }


/* レフトインフォスライダー */
#sticky { padding:0px 0 30px 0; }


/* フッター */
#footerbox01 { width:100%; min-height:1187px; height:auto !important; height:1187px; max-height:1187px; background:url(../common_img/footerbg.png) no-repeat top center; }
#footerbox02 { width:749px; margin:0 auto; padding:552px 27px 0 0; }

#footernavibox01 { width:227px; float:left; padding-top:39px; }
#footernavibox02 { width:174px; float:left; padding-top:7px; }
#footernavibox03 { width:172px; float:left; padding-top:35px; }
#footernavibox04 { width:176px; float:left; }


/* お問い合わせ */
#formbox01{ width:660px; margin:0 auto; font-size:16px; font-weight:bold; line-height:180%; color:#FFFFFF; }
td.contactitembox01 { width:230px; text-align:left; vertical-align:top; padding-bottom:30px; }
td.contactdetailbox { width:430px; text-align:left; vertical-align:top; padding-bottom:30px; }
.contactitembox02 { width:180px; padding:0 10px 0 10px; background-color:#373737; font-size:12px; } 

textarea.textbox01 { width:99%; height:300px; overflow:hidden; border:none; }
input.textbox02 { width:430px; height:26px; border:none; }

.extext { padding-left:5px; }

.buttonbox01 { width:236px; margin:0 auto; padding:20px 0 15px 0; }
.buttonbox02 { width:113px; margin:0 auto; padding:20px 0 15px 0; }

td.formbutton { width:113px; height:31px; }
td.formbuttonspace { width:10px; }

#formtextbox { width:640px; margin:0 auto; padding-bottom:20px; color:#333333; font-size:12px; }

#attentionbox01 { width:640px; margin:0 auto; padding-bottom:20px; color:#ee7d08; font-size:12px; }
#errorbox01 { width:640px; margin:0 auto; padding-bottom:20px; color:#ee7d08; font-size:12px; }
#thanksbox01 { width:640px; margin:0 auto; padding-bottom:20px; padding-bottom:20px; font-size:12px; }