/*----------------------------------------------------------
 nippaku
-----------------------------------------------------------*/

/*setting
------------------------------------*/

body{
background: #ffffff url('/images/bg_body.jpg') center top no-repeat;
font-size: 12px;
line-height: 160%;
height:100%;
color: #444444;
}

body#index{
background: #ffffff url('/images/bg_body.jpg') center top no-repeat;
}

body#recruit{
background: #ffffff url('/images/bg_body_recruit.jpg') center top no-repeat;
}

html{
height:100%;
}

* html div#outline{
height:100%;
}

a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
}

* html #header img,
* html #menu img,
* html #footer img{
}

* html img.iepngfix {   
behavior: expression(IEPNGFIX.fix(this));   
}  

/* Link Color
--------------------------------*/
a:link {
color:#134A1D;
text-decoration:underline;
}

a:visited {
color:#134A1D;
text-decoration:underline;
}

a:hover {
color:#FF6633;
text-decoration:underline;
}

a:active {
color:#FF6633;
}


/*outline
------------------------------------*/
#outline{
position:relative;
min-height: 100%;
}

body > #ouline{
height: auto;
}

#non_footer{
padding-bottom:130px;
}



/*header
------------------------------------*/

#header{
margin-left: auto;
margin-right: auto;
width: 880px;
padding: 0px 0px 0px 0px;
height: 70px;
}

#header h1{
margin: 0;
padding: 0;
color: #333333;
font-size: 10px;
font-weight: normal;
margin: 0 0 0 0 ;
width: 880px;
float: left;
line-height: 140%;
}

#header h1 span{
display: block;
margin-top: 10px;
margin-right: 10px;
text-align: right;
}

#header h1 img{
float: left;
margin-top: 0px;
margin-right: 0px;
}

#header_info{
width: 400px;
text-align: right;
float: right;
margin-top: 0px;
}

#header_info img{
margin-left: 0px;
}


/*big_image
------------------------------------*/
#big_image{
margin-left: auto;
margin-right: auto;
width: 880px;
height: 205px;
}




/*menu
------------------------------------*/

#menu_out{
height: 50px;
background: #c6e0a9;
}

#menu{
margin-left: auto;
margin-right: auto;
width: 880px;
clear: both;
margin-bottom: 0px;
vertical-align: bottom;
}

#menu ul{
margin: 0;
padding: 0;
}

#menu ul li{
margin: 0;
padding: 0;
float: left;
list-style-type: none;
line-height: 0;
background: #ffffff;
}

#feed_photostore ul{
margin: 0 0 10px 0;
padding: 0;
}

#feed_photostore li{
margin-top: 0px;
padding-left: 20px;
list-style-type: none;
background: url('/images/ya_pankuzu.gif') left no-repeat;
}

#feed_news ul{
margin: 0 0 10px 0;
padding: 0;
}

#feed_news li{
margin-top: 0px;
padding-left: 20px;
list-style-type: none;
background: url('/images/ya_pankuzu.gif') left no-repeat;
}


/*content
------------------------------------*/
#content{
margin-left: auto;
margin-right: auto;
width: 840px;
padding: 20px 20px 0px 20px;
font-family: sans-serif;
clear: both;
background: #ffffff;
border: 0px solid #cccccc;
border-top: none;
}

#main_content{
width: 620px;
float: right;
}

#side_content{
width: 200px;
float: left;
}


/*main_content
------------------------------------*/
#main_content h2{
background: url('/images/bg_h2.gif') left no-repeat;
height: 25px;
padding: 10px 0px 0px 35px ;
font-size: 15px;
margin: 0;
margin-bottom: 10px;
color: #409000;
border-bottom: 1px dashed #cccccc;
}

#main_content h3{
background: url('/images/bg_h3.gif') no-repeat;
height: 40px;
padding: 8px 10px 0px 55px;
font-size: 14px;
margin-bottom: 10px;
margin-top: 0;
}

#main_content h4{
background: url('/images/bg_h4.gif') left no-repeat;
height: 20px;
padding: 0px 0px 0px 30px ;
font-size: 14px;
margin: 0;
margin-bottom: 10px;
color: #FF6600;
border-bottom: 1px dashed #cccccc;
}


#main_content h5{
border-bottom: 1px solid #cccccc;
font-size: 12px;
color: #444444;
background: #f5f5f5;
padding: 3px 20px 3px 20px ;
margin-bottom: 10px;
}



#main_content p{
padding: 0 15px 0 15px;
}





/*toppage_box
-------------------*/
#box_voice{
width: 320px;
float: left;
border: 0px solid #cccccc;
margin-right: 10px;

}

#box_faq{
width: 250px;
background: #fffbec;
border: 1px solid #cccccc;
padding: 10px;
float: right;
}

#box_faq img{
margin-bottom: 5px;
}


div.box_side{
width: 184px;
background: url('/images/bg_box.gif') repeat;
margin-bottom: 10px;
padding: 8px;
}

div.box_side_inner{
background: #ffffff;
width: 174px;
padding: 5px;
}


/*kind
-------------------*/

table.kind{
margin: 15px;
width: 580px;
}

table.kind td{
border: 1px solid #666666;
}

table.kind th{
border: 1px solid #666666;
background: #66B149;
color: #ffffff;
font-weight: bold;
}

table.kind td.kotei{
background: #FBF1C4;
font-weight: bold;
text-align: center;
}

table.kind td.hendo{
background: #FCE3C2;
font-weight: bold;
text-align: center;
}


/*list
-------------------*/

table.list{
margin: 15px;
margin-top: 0;
width: 580px;
}

table.list td{
border: 1px solid #aaaaaa;
padding: 3px;
}

table.list td.midashi{
background: #EBE0CF;
font-weight: bold;
text-align: center;
white-space: nowrap;
color: #664F2B;
}

table.list td.total{
background: #B0DFA8;
font-weight: bold;
text-align: center;
white-space: nowrap;
color: #000000;
}

table.list td.total_cost{
font-size: 16px;
font-weight: bold;
background: #E6F4E3;
text-align: center;
color: #000000;
}

table.list td.kara{
border: 0;
}

/*staff
-------------------*/
table.staff{
width: 360px;
margin: 0 5px 0 25px;
}

table.staff th{
width: 130px;
padding-top: 15px;
border: none;
border-bottom: 1px dashed #aaaaaa;
font-weight: bold;
color: #339933;
}

table.staff td{
padding-top: 15px;
border: none;
border-bottom: 1px dashed #aaaaaa;
}




/*side_content
------------------------------------*/

#side_content img.bn{
margin-bottom: 10px;
}

/*side_menu
-------------------*/

ul.side_menu{
margin: 0;
padding: 0;
margin-bottom: 10px;
}

ul.side_menu li{
border: 1px solid #cccccc;
padding: 0;
margin: 0 0 5px 0;
background: url('/images/menu/bg_side_001.gif') bottom;
list-style-type: none;
font-weight: bold;
border-left: 4px solid #E8B313;
}

ul.side_menu li a{
display: block;
margin: 0;
padding: 5px;
text-decoration: none;
color: #444444;
}

ul.side_menu li a:hover {
background: url('/images/menu/bg_side_001.gif') top;
}


/*info_box
-------------------*/

div.info_box{
padding: 10px;
border: 1px solid #cccccc;
background: #F1E7C9;
margin-bottom: 10px;
}

div.info_box span{
font-weight: bold;
color: #FF6600;
}

/*text_menu
-------------------*/
div.text_menu ul{
margin: 0;
padding: 0;
margin-bottom: 10px;
}

div.text_menu ul li{
list-style-type: none;
}

/*footer
------------------------------------*/
#footer{
background: #e5f2da;
position: absolute;
bottom: 0;
height: 130px;
width: 100%;
font-family: sans-serif;
clear: both;
}

#footer_inner{
margin-left: auto;
margin-right: auto;
background: #dcedce;
height: 70px;
width: 880px;
padding: 0px 0px 0px 0px;
text-align: right;
vertical-align: bottom;
}

#footer_inner ul{
margin: 0;
padding: 0;
}

#footer_inner ul li{
float: right;
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 15px;
}

#footer_inner img{
float: left;
margin-left: 0px;
margin-bottom: 5px;
}

#footer_inner div.copyright{
font-family: Arial;
font-size: 10px;
padding-right: 20px;
}

#footer_menu{
height: 60px;
background: #e5f2da;
text-align: center;
}

#footer_menu ul {
width: 880px;
margin-left: auto;
margin-right: auto;
background: #dcedce;
height: 20px;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
}

#footer_menu ul.bottom{
padding-top: 0;
height: 30px;
}

#footer_menu ul li{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

/* footer_inner Link Color
--------------------------------*/
#footer_inner a:link {
color:#ffffff;
text-decoration:underline;
}

#footer_inner a:visited {
color:#ffffff;
text-decoration:underline;
}

#footer_inner a:hover {
color:#FFCC66;
text-decoration:underline;
}

#footer_inner a:active {
color:#FFCC66;
}






/*common
------------------------------------*/
img.img_right{
float: right;
margin: 0px 15px 10px 10px;
}

img.img_left{
float: left;
margin: 0px 10px 10px 10px;
}

img.zu_right{
float: right;
margin: 0 0 0 10px;
}

img.photo{
padding: 3px;
background: #ffffff;
border: 1px solid #cccccc;
}

p.clear{
clear: both;
}

.text_right{
text-align: right;
margin: 7px 15px 10px 0;
}

.textlink{
background: url('/images/bg_textlink.gif') left no-repeat;
padding: 0 0 0 20px;
}

strong{
font-weight: normal;
}

span.yellow{
border: 1px solid #cccccc;
background: #FFCC00;
padding: 5px;
margin-bottom: 5px;
font-size: 10px;
}

b.red{
color: #F00000;
}

p.right{
text-align: right;
}

#plan_basic dt{
width: 290px;
background: url('/images/bg_produce_index_dt.gif') top right no-repeat;
padding-right: 25px;
font-weight: bold;
text-align: right;
}

#plan_basic dd{
margin-left: 320px;
margin-top: -20px;
margin-bottom: 15px;
border-left: 5px solid #FEBE94;
padding: 8px ;
background: url('/images/bg_gra_yellow.gif') top left no-repeat;
}

#design_policy{
padding: 10px;
background: url('/images/bg_gra_yellow.gif') top left no-repeat;
border: 1px solid #aaaaaa;
margin: 10px 20px 10px 20px;

}

#design_policy ul{
margin-top: 0;
margin-bottom: 0;
}

#design_policy ul li{
list-style-type: square;
color: #CC0000;
}

table.gpx_case{
width: 100%;
}

table.gpx_case td{
text-align: center;
border: none;
padding: 2px;
}


div.dan{
width: 275px;
float: left;
margin: 0 15px 0 15px;
}

div.dan ul li{
list-style-type: square;
}

ol.privacy{
padding: 0 30px 0 30px;
}

#info_link{
padding: 15px;
background: url('/images/bg_gra_yellow.gif') top left no-repeat;
border: 1px solid #EEDEC6;
}

#info_link ul{
padding: 0;
margin: 0;
margin-left: 20px;
}

#info_link ul li{
list-style-type: square;
color: #FF9900;
}