@charset "UTF-8";


/* ------------------------------
↓ぬテンプレ
------------------------------ */

body {
background:#ffffff;
}

body,p,span,h1,h2,li {
font:14px "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
line-height: 1.5em;
letter-spacing: 0.1ex;
}

h1{
font-size: 24px;
font-weight: bold;
padding: 30px 0 0 110px;
}

table{
height: 0px;
}

table tr{
height: 0px;
}

table tr td{
height: 0px;
}

a {color: #012082;}
* a , form * { position: relative ; }
/* ------------------------------
header
------------------------------ */
#top_navigation_bar {
background:#999999 url(../data/img/top_background.gif) repeat-x scroll center bottom;
width: 100%;
height:25px;
overflow: hidden;
z-index: 20;
position: absolute;
top: 0px;
left: 0px;
}

#top_navigation_bar h1{
font-size: 12px;
font-weight: normal;
padding: 4px 15px;
text-align: left;
color: #000000;
}
#topflash{
width: 800px;
overflow: hidden;
margin: 0px auto 10px auto;
}

#topflash2{
width: 592px;
overflow: hidden;
margin: 0px auto 10px auto;
}

#header_rect{
}
/* ------------------------------
contents
------------------------------ */

#contentiner_shadow {
background:url(../img/body_bg_x.jpg) repeat-x left top;
width:100%;
overflow:hidden;
position:relative;
z-index:0;
}

#contentiner_shadow2 {
background:url(../img/foot_x.jpg) repeat-x bottom;
width:100%;
overflow:hidden;
position:relative;
z-index:0;
}

#contentiner {
background:url(../img/foot_logo.jpg) no-repeat right bottom;
width:100%;
overflow:hidden;
position:relative;
z-index:0;
}

#header{
width: 870px;
height: 146px;
margin: 0px auto 0px auto;
position: relative;
z-index: 100;
}

#headerin{
width: 870px;
height: 102px;
margin: 0px;
position: relative;
z-index: 100;
}


.titbox{
padding: 50px 0 0 0;
overflow: hidden;
}
/* ------------------------------
navigation
------------------------------ */
#printtit{
visibility: hidden;
height: 0px;
position: absolute;
top: 0;
left: 0;
}

.toplogobox{
width: 362px;
height: 80px;
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
z-index: 20;
}

.logobox{
width: 250px;
height: 150px;
overflow: hidden;
display: block;
float: left;
}

.navigation {
width:870px;
height:43px;
margin: 0;
}

.navigationin{
padding: 0 0 0 0px;
}

.navigation a {
display: block;
font-size: 14px;
overflow:hidden;
}



#lmenu01 { width: 145px;float:left; overflow:hidden;}

#lmenu04 { width: 145px;float:left; overflow:hidden;}
#lmenu05 { width: 145px;float:left; overflow:hidden;}


#lmenu01 a{ background:url(../img/main_ic01_01.jpg);width: 145px;height: 43px; }

#lmenu04 a{ background:url(../img/main_ic04_01.jpg);width: 145px;height: 43px; }
#lmenu05 a{ background:url(../img/main_ic05_01.jpg);width: 145px;height: 43px; }


#lmenu01 a:hover{ background:url(../img/main_ic01_02.jpg);width: 145px; height: 43px; display: block; z-index:200;}

#lmenu04 a:hover{ background:url(../img/main_ic04_02.jpg);width: 145px; height: 43px; display: block; z-index:200;}
#lmenu05 a:hover{ background:url(../img/main_ic05_02.jpg);width: 145px; height: 43px; display: block; z-index:200;}


.dropdown2 {width:145px; height: 43px; float: left;}
.dropdown2 dt {width:145px; height: 43px;cursor:pointer; background:url(../img/main_ic02_01.jpg);}
.dropdown2 dt:hover {background:url(../img/main_ic02_02.jpg);}
.dropdown2 dd {width:145px; position:absolute; overflow:hidden; display:none; z-index:200; opacity:0;}

.dropdown3 {width:145px; height: 43px; float: left;}
.dropdown3 dt {width:145px; height: 43px;cursor:pointer; background:url(../img/main_ic03_01.jpg);}
.dropdown3 dt:hover {background:url(../img/main_ic03_02.jpg);}
.dropdown3 dd {width:145px; position:absolute; overflow:hidden; display:none; z-index:200; opacity:0;}

.dropdown6 {width:145px; height: 43px; float: left;}
.dropdown6 dt {width:145px; height: 43px;cursor:pointer; background:url(../img/main_ic06_01.jpg);}
.dropdown6 dt:hover {background:url(../img/main_ic06_02.jpg);}
.dropdown6 dd {width:145px; position:absolute; overflow:hidden; display:none; z-index:200; opacity:0;}

.navigation ul {width:145px; list-style:none; border-top:none;}
.navigation li {display:inline;text-align: center;}
.navigation li a{width:145px; display:block; color:#666666; text-decoration:none; background:#fefefe;}
.navigation li a{padding:3px;}
.navigation li a:hover {background:#bbbbbb; color:#fff;}
.navigation .underline {border-bottom:1px solid #00227D;}

.sub_top{
clear: both;
height: 34px;
overflow: hidden;
}

.sub_top2{
clear: both;
height: 10px;
overflow: hidden;
}

.sub_top a {
display: block;
font-size: 14px;
overflow:hidden;
}

#sub_02_01{ width: 146px;float:right; overflow:hidden;}
#sub_02_02{ width: 144px;float:right; overflow:hidden;}
#sub_02_03{ width: 146px;float:right; overflow:hidden;}
#sub_02_04{ width: 145px;float:right; overflow:hidden;}

#sub_02_01 a{ background:url(../img/in_ic_02_01_n.jpg);width: 146px;height: 34px; z-index: 0; }
#sub_02_01 a:hover{ background:url(../img/in_ic_02_01_h.jpg);width: 146px; height: 34px; display: block; z-index: 0;}
#sub_02_02 a{ background:url(../img/in_ic_02_02_n.jpg);width: 144px;height: 34px; z-index: 0; }
#sub_02_02 a:hover{ background:url(../img/in_ic_02_02_h.jpg);width: 144px; height: 34px; display: block; z-index: 0;}
#sub_02_03 a{ background:url(../img/in_ic_02_03_n.jpg);width: 146px;height: 34px; z-index: 0; }
#sub_02_03 a:hover{ background:url(../img/in_ic_02_03_h.jpg);width: 146px; height: 34px; display: block; z-index: 0;}
#sub_02_04 a{ background:url(../img/in_ic_02_04_n.jpg);width: 145px;height: 34px; z-index: 0; }
#sub_02_04 a:hover{ background:url(../img/in_ic_02_04_h.jpg);width: 145px; height: 34px; display: block; z-index: 0;}


#sub_03_01{ width: 144px;float:right; overflow:hidden;}
#sub_03_02{ width: 145px;float:right; overflow:hidden;}
#sub_03_03{ width: 145px;float:right; overflow:hidden;}
#sub_03_04{ width: 145px;float:right; overflow:hidden;}
#sub_03_05{ width: 146px;float:right; overflow:hidden;}

#sub_03_01 a{ background:url(../img/in_ic_03_01_n.jpg);width: 144px;height: 34px; z-index: 0; }
#sub_03_01 a:hover{ background:url(../img/in_ic_03_01_h.jpg);width: 144px; height: 34px; display: block; z-index: 0;}
#sub_03_02 a{ background:url(../img/in_ic_03_02_n.jpg);width: 145px;height: 34px; z-index: 0; }
#sub_03_02 a:hover{ background:url(../img/in_ic_03_02_h.jpg);width: 145px; height: 34px; display: block; z-index: 0;}
#sub_03_03 a{ background:url(../img/in_ic_03_03_n.jpg);width: 145px;height: 34px; z-index: 0; }
#sub_03_03 a:hover{ background:url(../img/in_ic_03_03_h.jpg);width: 145px; height: 34px; display: block; z-index: 0;}
#sub_03_04 a{ background:url(../img/in_ic_03_04_n.jpg);width: 145px;height: 34px; z-index: 0; }
#sub_03_04 a:hover{ background:url(../img/in_ic_03_04_h.jpg);width: 145px; height: 34px; display: block; z-index: 0;}
#sub_03_05 a{ background:url(../img/in_ic_03_05_n.jpg);width: 146px;height: 34px; z-index: 0; }
#sub_03_05 a:hover{ background:url(../img/in_ic_03_05_h.jpg);width: 146px; height: 34px; display: block; z-index: 0;}


#sub_06_01{ width: 146px;float:right; overflow:hidden;}
#sub_06_02{ width: 144px;float:right; overflow:hidden;}
#sub_06_03{ width: 146px;float:right; overflow:hidden;}
#sub_06_04{ width: 145px;float:right; overflow:hidden;}

#sub_06_01 a{ background:url(../img/in_ic_06_01_n.jpg);width: 146px;height: 34px; z-index: 0; }
#sub_06_01 a:hover{ background:url(../img/in_ic_06_01_h.jpg);width: 146px; height: 34px; display: block; z-index: 0;}
#sub_06_02 a{ background:url(../img/in_ic_06_02_n.jpg);width: 144px;height: 34px; z-index: 0; }
#sub_06_02 a:hover{ background:url(../img/in_ic_06_02_h.jpg);width: 144px; height: 34px; display: block; z-index: 0;}
#sub_06_03 a{ background:url(../img/in_ic_06_03_n.jpg);width: 146px;height: 34px; z-index: 0; }
#sub_06_03 a:hover{ background:url(../img/in_ic_06_03_h.jpg);width: 146px; height: 34px; display: block; z-index: 0;}
#sub_06_04 a{ background:url(../img/in_ic_06_04_n.jpg);width: 145px;height: 34px; z-index: 0; }
#sub_06_04 a:hover{ background:url(../img/in_ic_06_04_h.jpg);width: 145px; height: 34px; display: block; z-index: 0;}

/* ------------------------------c48d42
image & main contents
------------------------------ */
/*
background-image:url(../img/box_under-trans.png);
*/


#contentiner2 {
background-image:url(../img/box_under-trans.png);
background-repeat: no-repeat;
background-position: bottom;
width:950px;
height:auto;
overflow:hidden;
margin-left:auto;
margin-right:auto;
z-index:10;
padding: 0px 0 50px 0;
}

* html div #contentiner2 {
padding: 0;
} 
* html div #contentiner3 {
background:#ffffff;
padding: 0px 0 0px 0;
} 

* html div #contentiner4 {
background-image:url(../img/box_under-trans.png);
background-repeat: no-repeat;
width:950px;
height:454px;
overflow:hidden;
position:relative;
padding: 0;
margin-top: 0;
margin-left:auto;
margin-right:auto;
}

.contentbox{
background:  url('../img/box_top.jpg') no-repeat left top;
width:950px;
height: auto;
margin: 10px auto 0 auto;
padding: 0;
overflow: hidden;
text-align: left;
z-index: 0;
}

* html div .contentbox {
margin: 10px auto 0 auto;
}

.boxin{
width: 870px;
height: auto;
padding: 0;
margin: 0 auto;
overflow: hidden;
text-align: left;
position:relative;
}

.boxin2{
width: auto;
height: auto;
padding: 0;
overflow: hidden;
text-align: left;
position:relative;
border-left: 1px solid #7E98CB;
border-right: 1px solid #7E98CB;
}

/* ------------------------------
経営理念
------------------------------ */
.rinent{border-left: 5px solid #330099;
margin: 30px 15px;
padding: 3px 30px;
overflow: hidden;
clear: both;
font-weight: bold;
}


.rinenout{
padding: 15px;
clear: both;
}
.rinenr{
width: 330px;
overflow: hidden;
float: left;
letter-spacing: 0;
font-size: 14px;
}

.rinenl{
width: 501px;
overflow: hidden;
float: left;
}

.rinend{
margin-top: 100px;
background:  url('../img/keiei_bun_bg-trans.png') no-repeat left top;
width: 868px;
height: 338px;
overflow: hidden;
}


.rinendin_l{
width: 500px;
padding: 30px 0px;
overflow: hidden;
float: left;
color: #FFFFFF;
}

.rinendin{
padding:40px 0px;
overflow: hidden;
color: #FFFFFF;
}
/* ------------------------------
会社概要
------------------------------ */
table img {
vertical-align: text-top;}

.gaiyou_table{
overflow: hidden;
margin: 10px;
}

.gaiyou_td01{
background-color: #E9E9E9;
padding: 15px;
overflow: hidden;
vertical-align: top;
border-bottom: 1px solid #012184;
font-size: 14px;
font-weight: bold;
}

.gaiyou_td02{
padding: 15px;
overflow: hidden;
vertical-align: top;
border-left: 2px solid #012184;
border-bottom: 1px solid #012184;
font-size: 14px;
}

.gaiyou_td03{
background-color: #E9E9E9;
padding: 15px;
overflow: hidden;
vertical-align: top;
font-size: 14px;
font-weight: bold;
}

.gaiyou_td04{
padding: 15px;
overflow: hidden;
vertical-align: top;
border-left: 2px solid #012184;
font-size: 14px;
}


/* ------------------------------
orner
------------------------------ */

.enkaku_table{
margin: 15px;
}

.enkaku_table tr td{
padding: 10px;
overflow: hidden;
border:1px solid #012184;
}

.enkaku_table2{
margin: 40px 0 0px 40px;
}

.enkaku_table2 tr td{
padding: 10px;
font-size: 16px;
overflow: hidden;
}

/* ------------------------------
map
------------------------------ */
.mapnout{
padding: 30px 0 0px 15px;
overflow: hidden;
}


.mapl{
background:  url('../img/access_info_bg.jpg') no-repeat left top;
width: 300px;
height: 450px;
overflow: hidden;
float: left;
}

.mapl div {
padding: 50px 20px;
overflow: hidden;
}

.mapr{
width: 550px;
overflow: hidden;
float: left;
position: relative;
zoom: 1;
}

.mapr a {
position: relative;
text-decoration: none;
}

.mapr a:hover {
position: relative;
color: #cc0000;
}

/* ------------------------------
q_a
------------------------------ */
.kyujin_box01{
padding: 150px;
overflow: hidden;
}

.qana_naka{
background-color: #FFFFFF;
width: 721px;
height: auto;
overflow: hidden;
font-size: 14px;
border:1px solid #012184;
margin: 30px auto 0px auto;
padding: 20px 0 20px 0;
}


.qana_q{
background:url(../img/qana_q.png) no-repeat top left;
overflow: hidden;
padding: 0px 0 10px 70px;
}



.qana_a{
background:url(../img/qana_a.png) no-repeat top left;
overflow: hidden;
padding: 23px 10px 10px 70px;
}



/* ------------------------------
作品
------------------------------ */
.sakuhin_pankuzu{
padding: 20px 50px;
overflow: hidden;
color: #012082;
}

.sakuhin_outer{
padding: 0px 0;
overflow: hidden;
position: relative;
clear: both;
}
* html .sakuhin_outer{
padding-bottom: 500px;
}

.sakuhin_box1{
background:  url('../img/sakuhin_back.png') no-repeat center top;
width: 432px;
height: 200px;
overflow: hidden;
float: left;
position: relative;

}

.sakuhin_box1in{
padding: 10px 0px 0 35px;
overflow: hidden;
position: relative;

}

.sakuhin_box2{
width: 140px;
height: 140px;
overflow: hidden;
float: left;
position: relative;

}

.sakuhin_box3{
width: 240px;
height: 140px;
overflow: hidden;
float: left;
position: relative;

}

.sakuhin_box4{
font-size: 14px;
padding: 0 0 10px 10px;
overflow: hidden;
}
.sakuhin_box5{
margin: 0px 0 0px 10px;
width: 220px;
height: 70px;
overflow: hidden;
}
.sakuhin_box6{
padding: 10px 0 0 120px;
overflow: hidden;
}

.sakuhin_ue_l{
width: 700px;
overflow: hidden;
float: left;
position: relative;
}

.sakuhin_ue_r{
width: 80px;
height: 80px;
overflow: hidden;
text-align: center;
float: left;
position: relative;
}

.sakuhin_imgbox{
padding: 10px 0px 0 20px;
overflow: hidden;
position: relative;
}

.sakuhin_left{
width: 350px;
overflow: hidden;
float: left;
position: relative;
}

.sakuhin_right{
width: 500px;
overflow: hidden;
float: left;
position: relative;
}

.sakuhin_title{
font-size: 16px;
overflow: hidden;
position: relative;
}

.sakuhin_table{
margin: 20px;
overflow: hidden;
position: relative;
}

.sakuhin_table_tdl{
width: 80px;
overflow: hidden;
}

.sakuhin_coment{
overflow: hidden;
position: relative;
}

.sakuhin_pager{
text-align: right;
padding: 0px 40px 0px 0;
overflow: hidden;
clear: both;
position: relative;
}
/* ------------------------------
ギャラリー
------------------------------ */
#flashcontent{
width: 900px;
overflow: hidden;
}

#gallery_main{
width: 900px;
height: 800px;
overflow: hidden;
margin: 0 auto 0 auto;
}

#gallery_ue{
width: 950px;
height: 160px;
overflow: hidden;
margin: 0 auto 0 auto;

}


.galbox{
width: 180px;
height: 200px;
float: left;
overflow: hidden;
text-align: center;
}



.setsumei_image {
float:right;
width:330px;
overflow:hidden;
}

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

.otoiawase table tr td{
border: none;
}

#contact_box{
padding: 30px;
overflow: hidden;
}
.mailtit{
font-size: 20px;
padding: 20px 0;
overflow: hidden;
}

.mailinbox{
padding: 30px 0 0px 30px;
overflow: hidden;
}

/* ------------------------------
footer
------------------------------ */


#footer {
background:#2F3031;
width:100%;
height:50px;
overflow:hidden;
clear:both;
margin: 0 auto;
text-align: left;
}

#footer2 {
background:url(../data/img/footerbg2-trans.png) no-repeat top left;
width:1000px;
height:260px;
overflow:hidden;
clear:both;
margin: 0 auto;
text-align: left;
}


#footer p {
clear:both;
padding:8px 20px 0 20px;
font-size: 10px;
color: #dddddd;
text-align: right;
}


#footer2 p {
clear:both;
padding:15px 0 0 20px;
font-size: 12px;
color: #FFFFFF;
}


#footerleft{
width: 600px;
padding:0;
font-size: 12px;
float: left;
overflow: hidden;
}

#footerright{
width: 400px;
padding:0;
font-size: 12px;
float: left;
overflow: hidden;
}

#footerright a:hover{
background:url(../data/img/footerbg_rtab-trans.png) no-repeat top right;
}

#footer a { color:#ffffff; }

#footerright2{
width: 400px;
padding:0;
font-size: 12px;
float: left;
overflow: hidden;
}

#footerright2 a:hover{
background:url(../data/img/footerbg2_rtab-trans.png) no-repeat top right;
}

#footer2 a { color:#ffffff; }




/* ------------------------------
↑ぬテンプレ終わり
------------------------------ */






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { 
float:right;
width:150px;
height:70px;
speak:none;
}

.fontResizer a { 
display:block;
width:70px;
float:left;
}

.fontResizer a:hover { 
 
}

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 14px; }

.largeFont { font-size: 20px; }

.curFont { background: #56C6A0; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TinyAccordion CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#options {
width:750px;
overflow:hidden;
text-align:right;
color:#9ac1c9;
}

#options a {
text-decoration:none;
color:#9ac1c9;
}

#options a:hover {color:#033;}

#acc {
width:750px;
overflow:hidden;
list-style:none;
color:#033;
margin:35px 0 0 0;
}

#acc li {
width:700px;
background:url(../img/list_image_qanda-trans.png) no-repeat top left;
}



#acc h3 {
width:700px;
font-weight:normal;
cursor:pointer;
background:;
}

#acc h3:hover {}

#acc .acc-section {width:700px;overflow:hidden; background:#fff;}

#acc .acc-content {
width:670px;
padding:15px;
border-top:none;
background:#fff;
}

#nested {width:680px; list-style:none; color:#033; margin-bottom:15px;}

#nested h3 {
width:650px;
cursor:pointer;
background:url(images/header.gif);
}

#nested h3:hover {background:url(images/header_over.gif);}

#nested .acc-section {overflow:hidden; background:#fff;}

#nested .acc-content {
width:630px;
padding:15px;
border-top:none;
background:#fff;
}

#nested .acc-selected {background:url(images/header_over.gif);}

#portfolio { margin:0;}