@charset "UTF-8";


#cmcont{ margin:0 auto 60px;width:600px; text-align:left; zoom:1; }
#cmcont:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#cont{ width:600px; margin:0 auto; text-align:left;}
.frame{ display:block; float:left;width:295px; height:auto;border:1px solid  #CCCCCC; margin:0 6px 0 0; padding:0; }
.frame.right{ display:block; float:left;width:295px; height:auto;border:1px solid  #CCCCCC; margin:0px; padding:0; }
.framein{ padding:9px;}
.framein img{float:left; margin:0 18px 18px 0;}
.framein p { font-size:10px; margin-bottom:3px;}
.framein p.red { color:#FF0000}
.framein p.tobe { text-align:right;background:url(../image/product/index/link.gif) no-repeat; background-position:78% 60% ;padding: 0 3px 0 6px;}

/* index */
.indexbox{ height:135px; border-bottom:solid 1px #ccc; margin-bottom:18px; zoom:1;}
.indexbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.indexboxbtm{ height:135px;zoom:1;}
.indexboxbtm:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*january*/
.janmail{ height:750px;background:url(../image/company/2ch/january/mail_back.jpg) no-repeat; position:relative;}
.janmailin{ width:500px; margin:0 auto 0; position:relative; top:100px;}
#page{ text-align:right; font-size:12px; color:#666666;}
#pages{ text-align:right; font-size:10px; color:#666666;}
.textind{ padding-left:40px;}
.textind2{ padding-left:90px;}

.daily { margin:36px 0; padding:20px; background-color:#FFEBF3; }
.comment{ margin:18px 0; padding:20px; background-color:#ebebeb; }
.comment p { margin-bottom:9px; }

/*februry*/
.janmails{ height:420px;background:url(../image/company/2ch/january/mail_back_s.jpg) no-repeat; position:relative;}
.janmailins{ width:500px; margin:0 auto 0; position:relative; top:100px;}
.blog{ margin:0 50px 36px;}
.imgright{ float:right; margin:0 0 18px 18px; }

/*march*/
.march{ width:500px; margin:0 auto 0; }
.box{zoom:1; }
.box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.boxleft{ display:block; float:left; width:80px;}
.boxright{ display:block; float: right; width:420px;}
.mbl{ margin-left:80px;}

/* april */
.profile{ width:400px; margin:0 auto 36px; }
h2.centerh2{ text-align:center; }
.ep{ padding:20px; background-color:#FFCCFF;}
.under{ color:#999; }
.pink{  color:#FF00FF; }
.prno{ padding:20px; border: solid 1px #999; color:#333; font-size:12px; }

/* june */
#macolor{ background-color:#FFCCFF; padding-top:36px; padding-bottom:18px; }
#macolor h2{ color:#FF33FF; }
#macolor h3{ color:#FF33FF; }
#macolor hr{border-color: #FFF;}
#macont{ margin:0 auto 60px;width:600px; text-align:left; zoom:1; }
#macont:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.imgpick{ position:relative; top: 4px;}

/* july */
#jbki{ height:1450px; background:url(../image/company/2ch/july/backl.jpg) no-repeat; padding-top:36px; padding-bottom:18px; }
* html #jbki img {behavior: expression(IEPNGFIX.fix(this));}
#jbki h2{ margin-bottom:5px; color:#643636; }

#jucont{ position:relative; top:260px; width:720px; text-align:left; zoom:1; }
#jucont:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#jucontl{ position:relative; top:30px; display:inline;float:left; width:410px; margin-left:95px; margin-right:65px}
#jucontr{ display:inline;float:left; width:130px; margin-right:20px; }

#jbkp{height:780px; background:url(../image/company/2ch/july/backss.jpg) no-repeat; padding-top:36px; padding-bottom:18px; }
* html #jbkp img {behavior: expression(IEPNGFIX.fix(this));}
#jbkp h2{ margin-bottom:5px; color:#643636; }
#jucontp{ margin:90px auto 50px;width:720px; text-align:left; zoom:1; }
#jucontp:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#jbklast{height:780px; background:url(../image/company/2ch/july/backlast.jpg) no-repeat; padding-top:36px; padding-bottom:18px; }
* html #jbklast img {behavior: expression(IEPNGFIX.fix(this));}
#jucontll{display:inline;float:left; width:410px; margin-top:200px; margin-left:95px; margin-right:65px}



/* august  */
#aucont{ margin:0 auto 36px;width:580px; text-align:left; zoom:1; }
#aucont:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#topimg{ position:relative; top:-12px; margin:0 auto; width:640px; }
#aubk{ width:720px; background:url(../image/company/2ch/august/au_bk.gif) repeat-y; }
#toptext{ display:block; background:#352519; padding:20px 20px 8px 20px ; color:#FFF; margin-bottom:18px; }
#toptext p{ color:#FFF; }
.augustc{ margin:0 auto 9px auto; text-align:center; }
.augustc h2, .augustc h3 { color:#060; }
.textlih{ line-height:22px; }
.right2{ display:inline; float:right; margin:0 0 18px 18px; zoom:1; }
.right2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.auh{ color:#060; margin-bottom:5px; }

/* september  */

#sepcont{ background:#000; margin:0 auto; width:720px; text-align:left; zoom:1; }
#sepcont:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#sepcont_in{ padding:20px}
#sepcont h1, #sepcont h2, #sepcont h3, #sepcont p, #sepcont t10 { color:#888; }

#sepcont a {outline:none}
#sepcont a:link{color:#ccc; text-decoration:none;}
#sepcont a:visited{color:#ccc; text-decoration:none;}
#sepcont a:hover{color:#ccc; text-decoration:underline;}
#sepcont a:active{color:#ccc; text-decoration:underline;}

#septitle{ margin:0 auto 18px; text-align:center; border-bottom: solid 1px #ccc; }

#septitleq{ margin:0 auto 18px; text-align:center;}

#seplbox{ display:inline; float:left; width:210px; margin:0 18px 18px 0; zoom:1; }
#seplbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

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

#seppage4{ width:680px; }
.seppage4l{ display:block; float:left; width:210px; margin-right:25px; }
.seppage4r{ display:block; float:left; width:210px; margin:0; }


/* october  */



/* *************** ここから *************** */

#octcont{ background:#000; margin:0 auto; width:720px; text-align:left; zoom:1; }
#octcont:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*navi*/
#oct { position:relative; display: inline; float: left; margin-bottom:0px; width: 720px; height:850px;  background:url(../image/company/2ch/october/all_img_webbk.jpg) no-repeat 0 0; zoom:1;}
#oct:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#octindtext{position:relative; top:150px; left:200px; display: block; text-indent: -9999px; background:url(../image/company/2ch/october/all_img_web.jpg) no-repeat -200px -150px; width:300px; height:180px;}
#oct img{ position:relative; top:140px; left:186px; }
#octcontxt{ position:relative;display:block; top:160px; left:210px; width:290px; color:#333}
#octcontxt h3.gold{ color:#857106; }
#oct ul { position:relative; top:150px; left:230px;list-style-type: none; margin: 0; padding: 0; border: 0; }
#oct li a { display: block; text-indent: -9999px; background:url(../image/company/2ch/october/all_img_web.jpg) no-repeat 0 0; text-decoration: none; width:100px; height: 52px; 
/*\*/
overflow: hidden; 
/**/
}
#oct li.rie a { background-position:-230px -330px; width:250px; }
#oct li.seki a { background-position:-230px -385px; width:250px; }
#oct li.dd a { background-position:-230px -435px; width:250px; }
#oct li.hata a { background-position:-230px -485px; width:250px; }
#oct li.shima a { background-position:-230px -530px; width:250px; }
#oct li.hori a { background-position:-230px -580px; width:250px; }
#oct li.omaru a { background-position:-230px -630px; width:250px; }
#oct li.kara a { background-position:-230px -680px; width:250px; }
#oct li.tono a { background-position:-230px -735px; width:250px; }

/*productover*/
#oct li.rie a:hover { background-position:-950px -330px; width:250px; }
#oct li.seki a:hover { background-position:-950px -385px; width:250px; }
#oct li.dd a:hover { background-position:-950px -435px; width:250px; }
#oct li.hata a:hover { background-position:-950px -485px; width:250px; }
#oct li.shima a:hover { background-position:-950px -530px; width:250px; }
#oct li.hori a:hover { background-position:-950px -580px; width:250px; }
#oct li.omaru a:hover { background-position:-950px -630px; width:250px; }
#oct li.kara a:hover { background-position:-950px -680px; width:250px; }
#oct li.tono a:hover { background-position:-950px -735px; width:250px; }
/* *************** ここまで *************** */