@charset "utf-8";
/* CSS Document */

/* 
-------------------------------------------------------------------------------------------------------------------------------
Typographic Elements
-------------------------------------------------------------------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
margin:0;
padding:0;
}

p, dt, dd, a, th, td, li, ul, div {
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
text-decoration:none;
margin:0;
padding:0;
}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Links
-------------------------------------------------------------------------------------------------------------------------------
*/

a {
margin:0;
padding:0;
font-style:normal;
}
a:link,
a:active {
text-decoration:none;
font-style:normal;
}
a:visited {
color:#A0A0A0;
font-style:normal;
}
a:hover {
text-decoration:none;
}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Body, All Box Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

html, body {
height:100%;
margin:0;
padding:0;
font-size:12px;
line-height:19px;
}

/* -- Diary -- */
body#sd_allbox {height:100%;background:url(imgoc/bg_body_sd.jpg) repeat;}

/* -- Message -- */
body#cm_allbox {background:url(imgoc/bg_body_cm.jpg) repeat;}

/* -- Attention -- */
body#at_allbox {background:url(imgoc/bg_body_at.jpg) repeat;}

/* -- Make -- */
body#mk_allbox {background:url(imgoc/bg_body_mk.jpg) repeat;}

div#oc_allbox {width:100%;height:100%;margin:0;padding:0;top:0;}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Elements
-------------------------------------------------------------------------------------------------------------------------------
*/

img {
border:0;
}

div.clear {
margin:0;
clear:both;
}

div.c_box_15 {width:820px;margin:0 auto 15px;color:#FFF;}
div.c_box_20 {width:820px;margin:0 auto 20px;color:#FFF;}
div.c_box_30 {width:820px;margin:0 auto 30px;color:#FFF;}
div.c_box_40 {width:820px;margin:0 auto 40px;color:#FFF;}
div.c_box_50 {width:820px;margin:0 auto 50px;color:#FFF;}


div.blank5 {
width:100%;
height:5px;
display:block;
margin:0;
}

div.blank10 {
width:100%;
height:10px;
display:block;
margin:0;
}

div.blank15 {
width:100%;
height:15px;
display:block;
margin:0;
}

div.blank20 {
width:100%;
height:20px;
display:block;
margin:0;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Head Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

/* -- Diary -- */
div#top_sd {
width:100%;
height:300px;
display:block;
margin:0;
padding:0;
background:url(imgoc/bg_head_sd.jpg) top repeat-x;
}

div#head_sd {
width:898px;
height:300px;
margin:0 auto;
display:block;
background:url(imgoc/window_sd.jpg) no-repeat;
}

div#head_sd h1 {padding:40px 0 0 25px;}


/* -- Message -- */
div#top_cm {
width:100%;
height:300px;
display:block;
margin:0;
padding:0;
background:url(imgoc/bg_head_cm.jpg) top repeat-x;
}

div#head_cm {
width:898px;
height:300px;
margin:0 auto;
display:block;
background:url(imgoc/window_cm.jpg) no-repeat;
}

div#head_cm h1 {padding:40px 0 0 25px;}


/* -- Attention -- */
div#top_at {
width:100%;
height:300px;
display:block;
margin:0;
padding:0;
background:url(imgoc/bg_head_at.jpg) top repeat-x;
}

div#head_at {
width:898px;
height:300px;
margin:0 auto;
display:block;
background:url(imgoc/window_at.jpg) no-repeat;
}

div#head_at h1 {padding:40px 0 0 25px;}

/* -- Make -- */
div#top_mk {
width:100%;
height:300px;
display:block;
margin:0;
padding:0;
background:url(imgoc/bg_head_mk.jpg) top repeat-x;
}

div#head_mk {
width:898px;
height:300px;
margin:0 auto;
display:block;
background:url(imgoc/window_mk.jpg) no-repeat;
}

div#head_mk h1 {padding:40px 0 0 25px;}



/*▽ Logo
------------------------------------ */

a.logo {
height:98px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

/* -- Diary -- */
a.logo_sd {width:278px;background:url(imgoc/logo_sd.gif);}

/* -- Message -- */
a.logo_cm {width:278px;background:url(imgoc/logo_cm.gif);}

/* -- Attention -- */
a.logo_at {width:278px;background:url(imgoc/logo_at.gif);}

/* -- Make -- */
a.logo_mk {width:278px;background:url(imgoc/logo_mk.gif);}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Wrapper Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#oc_wrapper {
width:850px;
min-height: 100%;
height: auto !important;
height: 100%; /* ie用に設定 */
margin: 0 auto -80px; 
padding-top:10px;
}


div#oc_push {
height:80px;
margin-bottom:30px;
}




/* 
-------------------------------------------------------------------------------------------------------------------------------
Left Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#oc_left {
float:left;
width:590px;
}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Entry Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div.oc_entry {
width:100%;
margin:0 0 40px;
}

div.oc_entry dl {
margin:0;
}

dt.oc_entry_top {
margin-bottom:15px;
padding-bottom:13px;
background:url(imgoc/border_dotted_x.gif) repeat-x bottom;
}
dd.oc_entry_middle {
width:590px;
display:block;
font-size:100%;
color:#FFF;
}
dt.oc_entry_bottom {
margin-top:15px;
padding-top:13px;
background:url(imgoc/border_dotted_x.gif) repeat-x top;
}


h3.co_ttl_01 {
margin-bottom:5px;
font-size:180%;
line-height:130%;
font-weight:bold;
color:#FFF;
}

h3.co_ttl_01 a,a:link,a:visited {
color:#FFF;
text-decoration:none;
}
h3.co_ttl_01 a:hover {
color:#C0D6D2;
text-decoration:none;
}

p.sd_date {
padding-left:20px;
font-size:90%;
line-height:15px;
color:#CEE6EA;
background:url(imgoc/icon_alarm.jpg) no-repeat left;
}

a.btn_top_sd {
width:97px;
height:17px;
margin-left:492px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(imgoc/btn_top_sd.jpg) 0 0;
}
a:hover.btn_top_sd {
width:97px;
height:17px;
margin-left:492px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(imgoc/btn_top_sd.jpg) 0 -17px;
}




/* 
-------------------------------------------------------------------------------------------------------------------------------
Right Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#oc_right {
float:right;
width:220px;
}


div.oc_widget {
width:100%;
margin-bottom:30px;
}

h5.sd_right_ttl {
height:35px;
margin-bottom:5px;
display:block;
padding-left:40px;
font-size:110%;
line-height:35px;
color:#FFF;
background:url(imgoc/ber_right_01.jpg) no-repeat;
}

h5.cm_right_ttl {
height:35px;
margin-bottom:5px;
display:block;
padding-left:40px;
font-size:110%;
line-height:35px;
color:#FFF;
background:url(imgoc/ber_right_02.jpg) no-repeat;
}

div.ocw_top_sd {
width:220px;
height:25px;
display:block;
background:url(imgoc/bg_right_top_sd.jpg);
}

div.ocw_bottom_sd {
width:220px;
height:10px;
display:block;
background:url(imgoc/bg_right_bottom_sd.jpg);
}

div.ocw_middle_sd {
width:220px;
background:url(imgoc/bg_right_middle_sd.jpg) repeat-y;
}

div.ocw_middle_sd ul {
margin:0;
list-style:none;
}

div.ocw_middle_sd li {
width:190px;
margin:0 auto;
padding:10px 0 10px;
background:url(imgoc/border_solid_x.jpg) repeat-x bottom;
color:#C0D4D3;
}

div.ocw_middle_sd a, a:link {
color:#C0D4D3;
}
div.ocw_middle_sd a:hover {
color:#FFF;
}



div.ocw_top_cm {
width:220px;
height:25px;
display:block;
background:url(imgoc/bg_right_top_cm.jpg);
}

div.ocw_bottom_cm {
width:220px;
height:10px;
display:block;
background:url(imgoc/bg_right_bottom_cm.jpg);
}

div.ocw_middle_cm {
width:220px;
background:url(imgoc/bg_right_middle_cm.jpg) repeat-y;
}

div.ocw_middle_cm ul {
margin:0;
list-style:none;
}

div.ocw_middle_cm li {
width:190px;
margin:0 auto;
padding:10px 0 10px;
background:url(imgoc/border_solid_x.jpg) repeat-x bottom;
}

div.ocw_middle_cm a, a:link {
color:#C0D4D3;
}
div.ocw_middle_cm a:hover {
color:#FFF;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Foot Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

/* -- Diary -- */
div#foot_sd {
clear:both;
width:100%;
height:80px;
margin:0;
padding:0;
background:url(imgoc/bg_foot_sd.jpg) repeat;
}

/* -- Message -- */
div#foot_cm {
width:100%;
height:80px;
margin:0;
padding:0;
background:url(imgoc/bg_foot_cm.jpg) repeat;
}

/* -- Attention -- */
div#foot_at {
clear:both;
width:100%;
height:80px;
margin:0;
padding:0;
background:url(imgoc/bg_foot_at.jpg) repeat;
}

/* -- Make -- */
div#foot_mk {
clear:both;
width:100%;
height:80px;
margin:0;
padding:0;
background:url(imgoc/bg_foot_mk.jpg) repeat;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Footer Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#footer_oc {
width:850px;
margin:0 auto;
}

div#footer_oc dl {
margin:0;
padding:0;
}

div#footer_oc dt {
float:left;
width:137px;
margin:0;
}

div#footer_oc dd {
float:right;
width:680px;
margin:0;
padding-top:20px;
text-align:right;
}

a.foot_hc {
width:137px;
height:34px;
margin-top:24px;
display:block;
overflow:hidden;
text-indent:-9999px;
} 

a.hc_sd {background:url(imgoc/hc_sd.jpg);}
a.hc_cm {background:url(imgoc/hc_cm.jpg);}
a.hc_at {background:url(imgoc/hc_at.jpg);}
a.hc_mk {background:url(imgoc/hc_mk.jpg);}


address#oc_copyright {
color:#FFF;
font-style:normal;
font-size:90%;
line-height:200%;
}

p#sd_foot_txt {color:#95A6A3;font-size:85%;line-height:200%;}
p#cm_foot_txt {color:#92A0A3;font-size:85%;line-height:200%;}
p#at_foot_txt {color:#B5AE8D;font-size:85%;line-height:200%;}
p#mk_foot_txt {color:#999393;font-size:85%;line-height:200%;}

p#sd_foot_txt a, a:link, a:visited {color:#95A6A3;}
p#sd_foot_txt a:hover {background-color:#95A6A3;color:#FFF;}

p#cm_foot_txt a, a:link, a:visited {color:#92A0A3;}
p#cm_foot_txt a:hover {background-color:#92A0A3;color:#FFF;}

p#at_foot_txt a, a:link, a:visited {color:#B5AE8D;}
p#at_foot_txt a:hover {background-color:#B5AE8D;color:#FFF;}

p#mk_foot_txt a, a:link, a:visited {color:#999393;}
p#mk_foot_txt a:hover {background-color:#999393;color:#FFF;}





/* 
-------------------------------------------------------------------------------------------------------------------------------
Coodinator's Message Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

dl.cm_head {
width:820px;
margin:0;
padding-top:40px;
}

dl.cm_head dt {
float:left;
width:320px;
}

dl.cm_head dd {
float:left;
margin:8px 0 0 25px;
}

h3.ttl_cm_01 {
width:322px;
height:133px;
margin-bottom:30px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(imgoc/ttl_cm_01.jpg);
}

p.icon_cm_01 {
width:76px;
height:18px;
margin-bottom:10px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(imgoc/icon_cm_prof.jpg);
}

p.cm_head_txt {
font-size:90%;
color:#FFF;
}


h4.ber_cm {
width:850px;
height:35px;
margin:0 auto 15px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

h4.ber_cm_01 {background:url(imgoc/ber_cm_01.jpg) 0 0}
h4.ber_cm_02 {background:url(imgoc/ber_cm_01.jpg) 0 -35px}
h4.ber_cm_03 {background:url(imgoc/ber_cm_01.jpg) 0 -70px}
h4.ber_cm_04 {background:url(imgoc/ber_cm_01.jpg) 0 -106px}
h4.ber_cm_05 {background:url(imgoc/ber_cm_01.jpg) 0 -141px}
h4.ber_cm_06 {background:url(imgoc/ber_cm_01.jpg) 0 -176px}
h4.ber_cm_07 {background:url(imgoc/ber_cm_01.jpg) 0 -211px}
h4.ber_cm_08 {background:url(imgoc/ber_cm_01.jpg) 0 -246px}
h4.ber_cm_09 {background:url(imgoc/ber_cm_01.jpg) 0 -281px}
h4.ber_cm_10 {background:url(imgoc/ber_cm_01.jpg) 0 -316px}

p.cm_txt_01 {
width:820px;
margin:0 auto 30px;
color:#FFF;
}





/* 
-------------------------------------------------------------------------------------------------------------------------------
Attention Styles
-------------------------------------------------------------------------------------------------------------------------------
*/


h4.ber_at {
width:850px;
height:35px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

h4.ber_at_01 {background:url(imgoc/ber_at_01.jpg) 0 0;margin:0 auto 15px;}
h4.ber_at_02 {background:url(imgoc/ber_at_01.jpg) 0 -35px;margin:0 auto 15px;}
h4.ber_at_03 {background:url(imgoc/ber_at_01.jpg) 0 -70px;margin:0 auto 15px;}


p.at_txt_01 {
width:820px;
margin:0 auto 30px;
color:#FFF;
}


h5.ttl_at {
width:500px;
height:52px;
margin:0 0 15px 15px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

h5.ttl_at_01 {background:url(imgoc/ttl_at_01.jpg) 0 0;}
h5.ttl_at_02 {background:url(imgoc/ttl_at_01.jpg) 0 -52px;}
h5.ttl_at_03 {background:url(imgoc/ttl_at_01.jpg) 0 -104px;}


div.at_txt_02 {
width:820px;
margin:0 auto 30px;
padding:10px 0;
background:#8C8666;
}

div.at_txt_02 p {
margin:0 10px;
color:#FFF;
}


div#at_bottom {
height:300px;
margin:0 15px;
padding-top:15px;
padding-left:390px;
color:#FFF;
background:url(imgoc/img_at_01.jpg) no-repeat left top;
}

a.atb_link, a.atb_link:link, a.atb_link:visited {
color:#FFF;
}
a.atb_link:hover {
color:#96906E;
background:#FFF;
}


a.btn_at_01 {
width:420px;
height:55px;
margin-top:40px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(imgoc/btn_at_01.jpg) 0 0;
}

a:hover.btn_at_01 {
width:420px;
height:55px;
margin-top:40px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(imgoc/btn_at_01.jpg) 0 -55px;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Make Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

h4.ber_mk {
width:850px;
height:35px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

h4.ber_mk_01 {background:url(imgoc/ber_mk_01.jpg) 0 0;margin:40px auto 15px;}


div#mk_head {
width:820px;
height:140px;
margin:0 auto 20px;
color:#FFF;
background:url(imgoc/img_mk_01.jpg) no-repeat right top;
}

div#mk_navi_box {
width:820px;
margin:0 auto 30px;
}

div#mk_navi_box ul {
margin:0;
padding:0;
list-style:none;
}

div#mk_navi_box li {
float:left;
height:55px;
margin:0;
}

a.mk_navi {
height:55px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

a.mk_navi_01 {width:136px;background:url(imgoc/navi_mk.jpg) 0 0;}
a:hover.mk_navi_01 {width:136px;background:url(imgoc/navi_mk.jpg) 0 -55px;}

a.mk_navi_02 {width:189px;background:url(imgoc/navi_mk.jpg) -136px 0;}
a:hover.mk_navi_02 {width:189px;background:url(imgoc/navi_mk.jpg) -136px -55px;}

a.mk_navi_03 {width:119px;background:url(imgoc/navi_mk.jpg) -325px 0;}
a:hover.mk_navi_03 {width:119px;background:url(imgoc/navi_mk.jpg) -325px -55px;}

a.mk_navi_04 {width:147px;background:url(imgoc/navi_mk.jpg) -444px 0;}
a:hover.mk_navi_04 {width:147px;background:url(imgoc/navi_mk.jpg) -444px -55px;}

a.mk_navi_05 {width:109px;background:url(imgoc/navi_mk.jpg) -591px 0;}
a:hover.mk_navi_05 {width:109px;background:url(imgoc/navi_mk.jpg) -591px -55px;}

a.mk_navi_06 {width:120px;background:url(imgoc/navi_mk.jpg) -700px 0;}
a:hover.mk_navi_06 {width:120px;background:url(imgoc/navi_mk.jpg) -700px -55px;}



h4.ber_mkl {
width:850px;
height:35px;
margin:0 auto 15px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

h4.ber_mkl_01 {background:url(imgoc/ber_mk_02.jpg) 0 0;}
h4.ber_mkl_02 {background:url(imgoc/ber_mk_02.jpg) 0 -35px;}
h4.ber_mkl_03 {background:url(imgoc/ber_mk_02.jpg) 0 -70px;}
h4.ber_mkl_04 {background:url(imgoc/ber_mk_02.jpg) 0 -105px;}
h4.ber_mkl_05 {background:url(imgoc/ber_mk_02.jpg) 0 -140px;}
h4.ber_mkl_06 {background:url(imgoc/ber_mk_02.jpg) 0 -175px;}
h4.ber_mkl_07 {background:url(imgoc/ber_mk_02.jpg) 0 -210px;}



div.mk_box_692_A {
width:692px;
margin:0 auto 15px;
text-align:left;
}

div.mk_box_820_A {
width:820px;
margin:0 auto 15px;
text-align:left;
}
div.mk_box_820_B {
width:820px;
margin:0 auto 40px;
text-align:left;
}

div.mk_box_850_A {
width:850px;
margin:0 auto 15px;
text-align:left;
}
div.mk_box_850_B {
width:850px;
margin:0 auto 40px;
text-align:left;
}


p.btn_top {
width:100%;
margin:20px auto 0;
}

a.btn_top_mk_01 {
width:97px;
height:17px;
margin-left:692px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(imgoc/btn_top_mk.jpg) 0 0;
}
a:hover.btn_top_mk_01 {
width:97px;
height:17px;
margin-left:692px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(imgoc/btn_top_mk.jpg) 0 -17px;
}