@charset "shift_jis" ;

/*--------------------------------------------------
ir情報
--------------------------------------------------*/

#co_cont_box {
width:902px;
text-align:left;
margin:0 auto;
padding-top:15px;
}

#co_cont_left {
width:210px;
float:left;

}

#co_cont_right {
	width:672px;
	float:right;
	text-align: left;
}

/*--------------------------------------------------
メインコンテナ
--------------------------------------------------*/
#co_base_pt1 {
width:902px;
margin:0 auto;
padding-bottom:60px;
}

#co_main_box1 {
width:672px;
float:right;
text-align:left;
}


#co_index_head {
width:672px;
height:23px;
background-image:url(../img/co_main_head1.gif);
background-repeat:no-repeat;
background-position:0 0 ;
}

#co_index_bottom {
width:672px;
height:5px;
background-image:url(../img/co_main_bottom1.gif);
background-repeat:no-repeat;
background-position:0 0 ;
}

#co_index_middle {
width:672px;
background-image:url(../img/co_main_middle1.gif);
background-repeat:repeat-y;
background-position:0 0 ;
}

#co_index_box {
width:638px;
margin:0 auto;
}


/*--------------------------------------------------
サイドメニュー
--------------------------------------------------*/
#co_side_box{
	width:210px;
	margin-left:1px;
	margin-top:1px;
}

#co_side_box li {
text-align:left;
margin:0px;
padding:0px;
}

#co_side_box li a {
display:block;
text-indent:-9999px;
}

#co_side_box li a:hover,
#co_side_box li a.link{
background-position: -210px 0px;
}

/*--------------------------------------------------
サイドメバナーエリア
--------------------------------------------------*/
#co_side_head{
width:210px;
height:5px;
margin-top:12px;
margin-bottom:0px;
padding:0px;
font-size:1px;
background-image:url(../img/co_side_head.gif);
background-repeat:no-repeat;
}

#co_side_middle{
width:210px;
background-color:#F8F8F8;
}


#co_side_bottom{
width:210px;
height:6px;
background-image:url(../img/co_side_bottom.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

/*--会社案内トップ------------------------------------------*/



#co_side_box li a.co_top{
width:210px;
height:31px;
background-image:url(../img/side_co_top.gif);
background-repeat:no-repeat;
}

li a.co_top_on {
width:210px;
height:31px;
background-image:url(../img/side_co_top.gif);
background-repeat:no-repeat;
background-position:-210px 0;
}

/*--コメ兵の目指すもの------------------------------------------*/

#co_side_box li a.co_aims {
width:210px;
height:25px;
background-image:url(../img/side_co_aims.gif);
background-repeat:no-repeat;
}

li a.co_aims_on {
width:210px;
height:25px;
background-image:url(../img/side_co_aims.gif);
background-repeat:no-repeat;
background-position:-210px 0;
}

/*--コメ兵の3要素------------------------------------------*/

#co_side_box li a.co_element {
width:210px;
height:25px;
background-image:url(../img/side_co_element.gif);
background-repeat:no-repeat;
}

li a.co_element_on {
width:210px;
height:25px;
background-image:url(../img/side_co_element.gif);
background-repeat:no-repeat;
background-position:-210px 0;
}

/*--どうしてこめひょう？------------------------------------------*/

#co_side_box li a.co_howto {
width:210px;
height:25px;
background-image:url(../img/side_co_howto.gif);
background-repeat:no-repeat;
}

li a.co_howto_on {
width:210px;
height:25px;
background-image:url(../img/side_co_howto.gif);
background-repeat:no-repeat;
background-position:-210px 0;
}

/*--コメ兵のビジネス------------------------------------------*/

#co_side_box li a.co_business {
width:210px;
height:25px;
background-image:url(../img/side_co_business.gif);
background-repeat:no-repeat;
}

li a.co_business_on {
width:210px;
height:25px;
background-image:url(../img/side_co_business.gif);
background-repeat:no-repeat;
background-position:-210px 0;
}

/*--会社概要------------------------------------------*/

#co_side_box li a.co_about {
width:210px;
height:25px;
background-image:url(../img/side_co_about.gif);
background-repeat:no-repeat;
}

li a.co_about_on {
width:210px;
height:25px;
background-image:url(../img/side_co_about.gif);
background-repeat:no-repeat;
background-position:-210px 0;
}

/*--コメ兵の歩み------------------------------------------*/

#co_side_box li a.co_history {
width:210px;
height:25px;
background-image:url(../img/side_co_history.gif);
background-repeat:no-repeat;
}

li a.co_history_on {
width:210px;
height:25px;
background-image:url(../img/side_co_history.gif);
background-repeat:no-repeat;
background-position:-210px 0;
}

/*--事業所のご案内------------------------------------------*/

#co_side_box li a.co_office {
width:210px;
height:25px;
background-image:url(../img/side_co_office.gif);
background-repeat:no-repeat;
}

li a.co_office_on {
width:210px;
height:25px;
background-image:url(../img/side_co_office.gif);
background-repeat:no-repeat;
background-position:-210px 0;
}

/*--CSRの取り組み------------------------------------------*/

#co_side_box li a.co_csr {
width:210px;
height:29px;
background-image:url(../img/side_co_csr.gif);
background-repeat:no-repeat;
}

li a.co_csr_on {
width:210px;
height:29px;
background-image:url(../img/side_co_csr.gif);
background-repeat:no-repeat;
background-position:-210px 0;
}

.csr * { margin:0; padding:0; }
.csr .m10 { margin:10px 0 0 !important; }
.csr .m20 { margin:20px 0 0 !important; }
.csr .m30 { margin:30px 0 0 !important; }
.csr .p10 { padding:10px 0 0 !important; }
.csr .p20 { padding:20px 0 0 !important; }

.csr .section #activityList {
width:660px;
margin:0 0 0 -18px;
}
.csr .section #activityList:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .csr .section #activityList             { zoom: 1; } /* IE6 */
*:first-child+html .csr .section #activityList { zoom: 1; } /* IE7 */

.csr .section #activityList li {
float:left;
display:inline;
width:312px;
min-height:330px;
height:auto !important;
height:330px;
margin:18px 0 0 18px;
background:url(../img/co_csr_subtitle1_bg_list.gif) no-repeat 0 100%;
}

.csr .section:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .csr .section             { zoom: 1; } /* IE6 */
*:first-child+html .csr .section { zoom: 1; } /* IE7 */


.csr .section #activityList li dt{
line-height:0;
}

.csr .section #activityList li dd{
width:290px;
margin:0 auto;
padding:12px 0 0;
}

.csr .section #activityList li dd.lastChild{
line-height:0;
width:244px;
} 

.btn_pagetop_box4 {
margin: 0 auto !important;
padding: 15px 0 30px 571px !important;
}

.csr #handicapped h4 {
padding:0 0 0 24px;
background:url(../img/co_csr_bg_icon.gif) no-repeat 6px 0.4em #f3f3f3;
font-weight:bold;
}

.csr #handicapped .section {
margin:20px 0 0;
padding:0 0 20px;
background:url(../img/co_csr_bg_line.gif) repeat-x 0 100%;
}

.csr #handicapped .section .leftBox {
float:left;
width:276px;
padding:0 0 0 12px;
}

.csr #handicapped .section .leftBox dt {
font-weight:bold;
margin:0 0 4px;
}

.csr #handicapped .section .leftBox dd {
margin:0 0 4px;
}

.csr #handicapped .section .leftBox p  {
width:251px;
margin:0 auto;
padding:10px 0 0;
}

.csr #handicapped .section .rightBox {
float:right;
width:294px;
}

.csr #handicapped .section .rightBox h5 {
padding:0 0 0 8px;
font-weight:bold;
color:#666;
border-left:5px solid #6d77bc;
border-bottom:1px solid #6d77bc;
}

.csr #handicapped .section .rightBox .resultsList{
margin:10px 0 0;
}

.csr #handicapped .section .rightBox .resultsList dt {
font-weight:bold;
margin:14px 0 0;
}

.csr #handicapped .section .rightBox .resultsList dd { 
margin:4px 0 0;
}

.csr #handicapped .section .rightBox .resultsList dd ul {  }

.csr #handicapped .section .rightBox .resultsList dd ul li {
list-style:inside disc;
padding-left: 1em;
text-indent: -1em;
}

.csr #handicapped .section .rightBox .addition {
text-align:right;
}

.csr #handicapped .section .rightBox .commentArea {
margin:20px 0 0;
background:url(../img/co_csr_bg_comment_btm.gif) no-repeat 0 100%;
}

.csr #handicapped .section .rightBox .commentAreaInner {
padding:0 10px 12px 12px;
background:url(../img/co_csr_bg_comment_top.gif) no-repeat 0 0;
}

.csr #handicapped .section .rightBox .commentAreaInner p {
padding:12px 0 0;
}