@charset "utf-8";


/* Structure
--------------------------------------------------*/
body{
 text-align:center;
 /*margin:10px 0;*/
 margin:0;
 padding:0px;
 color:#333333;
 background-color:#000000;
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", san-serif;
 font-size:13px;
 line-height:1.5;
}

#container{
 width:950px;
 color:#333333;
 background-color:#ffffff;
 margin:0 auto;
 text-align:left;
}

#head{
 width:950px;
 height:75px;
 color:#333333;
 background-color:#ffffff;
 border-bottom:solid 1px #bbc1b7;
}

#top-text h1{
 height:25px;
 margin-right:10px;
 line-height:25px;
 text-align:right;
}

#ci_logo{
 margin:0px 0px 0px 10px;
 float:left;
}

#gp_logo{
 margin:15px 10px 0px 0px;
 float:right;
}

#menu{
 height:25px;
}

#menu-in{
 width:940px;
 height:20px;
 position:relative;
 top:3px;
 left:5px;
 display:inline;
}

#main-top{
 height:520px;
 background-image:url(../img/back.jpg);
 background-repeat:no-repeat;
}

#grade{
 height:15px;
 background-image:url(../img/grade-back.jpg);
 background-repeat:repeat-x;
}

#main{
 background-color:#ffffff;
}

#news{
 height:100px;
 padding-top:425px;
 color:#ffffff;
}

#footer{
 clear:both;
 height:60px;
 border-top:1px solid #999999;
}

#footer_home{
 height:60px;
}

#area-left{
 /*float:left;*/
 /*width:200px;*/
 padding-top:30px;
 /*text-align:right;*/
}

#area-right{
 float:left;
 width:700px;
 margin:0;
 padding:0;
}

#area-right h2{
 margin:25px 0px 15px 30px;
 padding-bottom:3px;
 font-size:16px;
 border-bottom:1px solid #333333;
}

#area-right-in{
 margin:0;
 padding:10px 10px 0 30px;
}

#rightcolumn{
 float:right;
 width:210px;
 margin:20px 10px 50px 0px;
 padding:0px;
}


/* News(Home)
--------------------------------------------------*/
#news-left{
 float:left;
 width:160px;
 text-align:right;
}

#news-right{
 float:right;
 width:770px;
 text-align:left;
}

#movie{
 float:left;
 margin-top:20px;
 margin-left:15px;
}

#movie2{
 float:right;
 margin-top:250px;
 margin-right:10px;
}

/* Footer
--------------------------------------------------*/
#footer-menu{
/*text-align:center;*/
width:910px;
height:30px;
line-height:30px;
margin:0px 10px;
}

#footer-menu ul{
display:inline;
margin:0;
padding:0;
}

#footer-menu li{
 list-style-type:none;
 background-image:url(../img/hei.gif);
 background-repeat:no-repeat;
 background-position:0px 50%;
 display:inline;
 margin:0px 0px 0px 4px;
 padding:0px 0px 0px 10px;
}

#copyright{
 text-align:right;
 font-family:Tahoma, Verdana, Arial;
 margin:10px 20px 0px 0px;
}


/* Top
--------------------------------------------------*/
#news-top{
 width:950px;
 height:200px;
 background-image:url(../news/img/top.jpg);
}

#menu-top{
 width:950px;
 height:200px;
 background-image:url(../menu/img/top.jpg);
}

#bar-top{
 width:950px;
 height:200px;
 background-image:url(../bar/img/top.jpg);
}

#company-top{
 width:950px;
 height:200px;
 background-image:url(../company/img/top.jpg);
}

#privacy-top{
 width:950px;
 height:200px;
 background-image:url(../privacy/img/top.jpg);
}


/* Title
--------------------------------------------------*/
#news-title{
 background-image:url(../news/img/title.gif);
 background-repeat:no-repeat;
 margin-left:43px;
 /*width:170px;*/
 /*text-align:right;*/
 /*float:right;*/
}

#menu-title{
 background-image:url(../menu/img/title.jpg);
 background-repeat:no-repeat;
 margin-left:43px;
 /*width:170px;*/
 /*text-align:right;*/
 /*float:right;*/
}

#bar-title{
 background-image:url(../bar/img/title.jpg);
 background-repeat:no-repeat;
 margin-left:43px;
 /*width:170px;*/
 /*text-align:right;*/
 /*float:right;*/
}

#company-title{
 background-image:url(../company/img/title.jpg);
 background-repeat:no-repeat;
 margin-left:43px;
 /*width:170px;*/
 /*text-align:right;*/
 /*float:right;*/
}

#privacy-title{
 background-image:url(../privacy/img/title.gif);
 background-repeat:no-repeat;
 margin-left:43px;
 height:30px;
 /*width:170px;*/
 /*text-align:right;*/
 /*float:right;*/
}

#toiawase-title{
 background-image:url(../toiawase/img/title.gif);
 background-repeat:no-repeat;
 width:140px;
 height:30px;
 text-align:right;
 float:right;
}


/* Various Tags
--------------------------------------------------*/
img{
 border-style:none;
 margin:0px;
 padding:0px;
}

/*
h1{
padding:0;
background:url("../img/logo2.jpg") 0 0 no-repeat scroll;
text-indent:-9999px;
}
*/

h1{
 margin:0;
 padding:0;
 font-size:12px;
}

h2{
 font-size:12px;
 margin:20px 0 0 0;
 padding:0px;
 color:#000000;
 background-color:#ffffff;
}

h3{
 font-size:12px;
 margin:0px;
 padding:0px;
 display:block;
 width:300px;
}

h4{
 font-size:12px;
 margin:0px;
 padding:0px;
 color:#000000;
 background-color:#ffffff;
}

a:link{
 color:#333333;
/*background-color:#FFFFFF;*/
 text-decoration: underline;
}

a:visited{
 color:#333333;
/*background-color:#ffffff;*/
 text-decoration: underline;
}

a:hover{
 color:#ff293e;
 /*background-color:#ffffff;*/
 text-decoration: none;
}

a:active{
 color:#333333;
 /*background-color:#ffffff;*/
 text-decoration: underline;
}


/* Text
--------------------------------------------------*/
#news a{
 color:#ffffff;
}


/* Class
------------------------------------------------*/
/*for block element only*/
.hidden{
 font-size:0;
 line-height:0;
 text-indent:-9999px;
 overflow:hidden;
}

/*for all element*/
.vanish{
 display:none;
}

/* clearfix */
/*for modern browser*/
.clearfix:after{
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}

/*for IE 6-7 */
.clearfix{
 zoom:1;
}

.red{
 color:red;
}

.sp{
 width:950px;
 height:40px;
 clear:both;
}

.text-box2 dd a:link{
 color:#ff293e;
 background-color:#ffffff;
 text-decoration: underline;
}

.text-box2 dd a:visited{
 color:#ff293e;
 background-color:#ffffff;
 text-decoration: underline;
}

.text-box2 dd a:hover{
 color:#ff293e;
 background-color:#ffffff;
 text-decoration: none;
}

.text-box2 dd a:active{
 color:#ff293e;
 background-color:#ffffff;
 text-decoration: underline;
}

.text-box3 dd a:link{
 color:#ff293e;
 background-color:#ffffff;
 text-decoration: underline;
}

.text-box3 dd a:visited{
 color:#ff293e;
 background-color:#ffffff;
 text-decoration: underline;
}

.text-box3 dd a:hover{
 color:#ff293e;
 background-color:#ffffff;
 text-decoration: none;
}

.text-box3 dd a:active{
 color:#ff293e;
 background-color:#ffffff;
 text-decoration: underline;
}

.clear{
 clear:both;
}

.text{
 width:650px;
}

.text-left{
 float:left;
 width:300px;
 margin:0;
 padding:0;
}

.text-rifht{
 float:right;
 width:300px;
 margin:0;
 padding:0;
}

.text-left2{
 float:left;
 width:100px;
 color:#000000;
 background-color:#FFFFFF;
 font-weight:bold;
}

.text-rifht2{
 float:right;
 width:550px;
}

.text-box{
 clear:right;
 width:300px;
 margin:0;
 padding:0;
 display:block;
}

.text-box dt{
 clear:left;
 float:left;
 width:200px;
 margin:0;
 padding:0;
 display:block;
}

.text-box dd{
 clear:right;
 float:right;
 width:100px;
 margin:0;
 padding:0;
 display:block;
 text-align:right;
}

.text-box2{
 clear:right;
 width:550px;
 margin:0;
 padding:0;
 display:block;
 border-top:1px dotted #999999;
 padding-top:8px;
 margin-bottom:2px;
}

.text-box2 dt{
 clear:left;
 float:left;
 width:100px;
 margin:0;
 padding:0;
 display:block;
 color:#000000;
 background-color:#FFFFFF;
}

.text-box2 dd{
 clear:right;
 float:right;
 width:450px;
 margin:0 0 15px 0;
 padding:0;
 display:block;
}

.text-box3{
 clear:right;
 width:650px;
 margin:0;
 padding:0;
 display:block;
}

.text-box3 dt{
 clear:left;
 float:left;
 width:100px;
 margin:0 0 15px 0;
 padding:0;
 display:block;
 color:#000000;
 background-color:#FFFFFF;
}

.text-box3 dd{
 clear:right;
 float:right;
 width:550px;
 margin:0 0 15px 0;
 padding:0;
 display:block;
}


/* News2
--------------------------------------------------*/
.newsArticle{
 margin-top:5px;
 margin-bottom:30px;
}

.newsArticle h3{
 clear:both;
 width:100%;
 margin-bottom:8px;
 padding-bottom:5px;
 font-size:14px;
 border-bottom:1px dotted #666666;
}

.newsImage{
 float:left;
 text-align:center;
 width:120px;
}

.newsArticle p{
 margin:3px 0;
 float:right;
 width:528px;
}


/* Tenpo list
--------------------------------------------------*/
.tit_bar_bar{
 height:22px;
 line-height:22px;
 background-color:#870A06;
 background-image:url(../bar/img/bg_tit_bar_bar.gif);
 color:#FFFFFF;
 font-weight:bold;
 padding-left:15px;
 width:100%;
 letter-spacing:5px;
 font-size:14px;
 margin-top:25px;
 width:647px;
}

.tit_bar_bar2{
 height:22px;
 line-height:22px;
 font-weight:bold;
 padding-top:3px;
 padding-left:5px;
 padding-bottom:3px;
 width:100%;
 letter-spacing:2px;
 font-size:18px;
 margin-top:25px;
 border-left:7px solid #F87255;
 border-bottom:1px solid #999999;
}

.tenpo_box{
 border-bottom:1px dotted #666666;
 vertical-align:top;
 padding:10px 0px;
}

.tenpo_img_box{
 width:160px;
 margin:15px 0px 10px 5px;
 text-align:center;
 vertical-align:middle;
 float:left;
}

.pict{
 border: solid 1px #dddddd;
 border-bottom: solid 2px #bbbbbb;
 border-right: solid 2px #bbbbbb;
 padding: 5px;
}

.tenpo_text_box{
 width:465px;
 float:right;
}

.tenpo_text_box h4{
 margin:15px 0px 0px 5px;
 font-size:14px;
}

.tenpo_p1{
 margin:0px 5px;
 padding:5px 0px;
 line-height:135%;
}

.tenpo_p2{
 background-color:#eeeeee;
 border:1px solid #e4e4e4;
 margin:2px 5px 10px 5px;
 padding:5px;
 line-height:135%;
}


/* Menu
--------------------------------------------------*/
.active_tab{
 background-color:#ffffff;
 border-top:1px solid #bbbbbb;
 border-right:1px solid #bbbbbb;
 border-bottom:1px solid #ffffff;
 border-left:1px solid #bbbbbb;
 margin:0px 0px 0px 5px;
 padding:4px 15px;
 z-index:3;
}

.active_tab_B{
 background-image: url('../img/texture_paper_a3.gif');
 border-top:1px solid #bbbbbb;
 border-right:1px solid #bbbbbb;
 border-bottom:1px solid #ffffff;
 border-left:1px solid #bbbbbb;
 margin:0px 0px 0px 5px;
 padding:4px 15px;
 z-index:3;
}

.active_tab a{
 color:#ff293e;
}

.passive_tab{
 border-top:1px solid #bbbbbb;
 border-right:1px solid #bbbbbb;
 border-left:1px solid #bbbbbb;
 margin:0px 0px 0px 5px;
 padding:4px 15px;
 z-index:2;
}

.passive_tab_B{
 background-image: url('../img/texture_paper_a3.gif');
 border-top:1px solid #bbbbbb;
 border-right:1px solid #bbbbbb;
 border-left:1px solid #bbbbbb;
 margin:0px 0px 0px 5px;
 padding:4px 15px;
 z-index:2;
}

.menu_list_frame{
 /*background-color:#ffffcc;*/
 background-color:#ffffff;
 border:1px solid #bbb;
 padding:30px 20px 30px 20px;
 z-index:1;
}

.menu_list_frame_B{
 background-image: url('../img/texture_paper_a3.gif');
 border:1px solid #bbb;
 padding:30px 20px 30px 20px;
 z-index:1;
}

.menu_kbn2_title{
 width:100%;
 font-size:20px;
 margin:20px 0px 12px 0px;
 padding-left:4px;
 letter-spacing:5px;
}

.menu_kbn3_title{
 width:100%;
 font-size:15px;
 margin:13px 0 5px 7px;
 letter-spacing:3px;
 background-color:transparent;
}

.menu_left_box{
 width:400px;
 float:left;
}

.menu_row{
 border-bottom:1px dotted #999999;
 margin-left:15px;
 padding:4px 5px;
}

.menu_hinmei{
 float:left;
 font-size:14px;
}

.menu_price{
 float:right;
 text-align:right;
 font-weght:bold;
 font-size:14px;
 color:red;
}

.menu_hitokoto{
 font-size:10px;
 margin-left:2px;
}

.menu_right_box{
 width:190px;
 float:right;
 text-align:center;
 /*border:1px solid #eee;*/
}

.menu_right_box img{
 margin:20px 0px 0px 0px;
}

.img_caption{
 font-size:10px;
 line-height:14px;
}