@charset "utf-8";

/*------------------------
BASE-CONTROLL for CHUNK.TV
2008.3.28(FRI)
------------------------*/

/*----共通----*/
body { 
margin:20px 0px;
color : #333333;
font-size: 12px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka-等幅";
line-height:140%;
background :url(../gif/all_bg.gif) repeat ;
text-align : center;
} 
/*--for win ie--*/
*+html body, * html body{font-size:75%;}

/*----リンク----*/
a:link { color : #004A3B;text-decoration : none;} 
a:visited { color : #004A3B;text-decoration : none;} 
a:hover { color : #666;text-decoration : none;} 
a:active { color : #666;text-decoration : none;} 

.clear {
clear: both;
font: 0px/0px sans-serif ;
}

/*----レイアウト----*/
#wrap {
width : 800px;
margin : 0 auto;
text-align : left;
} 
#header {
position:relative; 
width : 800px;
height:139px;
background:url(../gif/header.gif) no-repeat;
border-bottom:1px solid #fff;
}
#header h1{
position:absolute;
top:-11px;
left:-20px;
width:238px;
height:115px;
display:block;
}
#header .gnavi{
position:absolute;
top:10px;
left:600px;
width:200px;
height:20px;
}
#header div.gnavi li{
margin-right:20px;
font-size:84%;
font-weight:bold;
display:inline;
}
#header div.gnavi ul li.sitemap{
padding-left:15px;
background:url(../gif/sitemap_icon.gif) no-repeat;
}
#header div.gnavi ul li.contact{
padding-left:15px;
background:url(../gif/contact_icon.gif) no-repeat;
background-position:0px 2px;
}

#header .badge{
position:absolute;
display:block;
text-indent:-9999px;
width:115px;
height:116px;
top:31px;
left:705px;
background:url(../gif/badge.gif) no-repeat;
}
#header ul.tub{
position:absolute;
width:550px;
height:32px;
top:108px;
left:10px;
}
#header ul.tub li{
display:inline;
}

#contents{
width:800px;
height:auto;
float:left;
background:url(../gif/contents_bg.gif) repeat-y;
}

/*--PRIMARY--*/
#primary{
width:550px;
height:auto;
float:left;
}
#primary .pad{
padding:10px;
}
#primary h2{
font-size:120%;
color:#004A3B;
font-weight:bold;
font-family:"Arial", "Helvetica","ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka-等幅";
line-height:1.4;
padding-left:8px;
background:url(../gif/title_bg.gif) repeat-y #448613;
border-top:5px solid #004A3B;
margin:8px 0;
}
/*CHUNK PICKUPS and BLOGGER */
div.chunk{
width:530px;
height:auto;
margin:10px 0px;
padding-bottom:5px;
background:url(../gif/mail_bg.gif) repeat;
float:left;
}
div.chunk_img{
width:220px;
float:left;
font-size:84%;
}
div.chunk_img img{
margin:5px;
}
div.chunk_data{
width:310px;
float:right;
}
div.chunk_data h3{
font-size:120%;
font-weight:bold;
margin:5px 10px 10px 0px;
padding:3px 0px;
background-color:#FFAC00;
text-align:center;
}
div.chunk_data h3 img{
margin-left:10px;
}
div.chunk_data p.blogJumper{
font-size:84%;
font-weight:bold;
text-align:right;
border-top:1px dotted #777;
margin-right:10px;
padding-top:0.5em;
}
div.chunk_data p.blogJumper img{
vertical-align:middle;
margin-bottom:1px;
}

div.inquire h4{
font-weight:bold;
margin-bottom:.5em;
padding:5px 0;
border-top:1px solid #777;
border-bottom:1px solid #777;
}
div.inquire p{
font-size:84%;
line-height:1.4;
margin-bottom:.8em;
}
div.inquire li{
background:url(../gif/arrow_orange.gif) no-repeat;
background-position:0px 2px;
padding-bottom:8px;
padding-left:13px;
}

/*bloggers*/
div.blogger{
width:530px;
height:auto;
margin:10px 0px;
padding-bottom:5px;
background:url(../gif/mail_bg.gif) repeat;
float:left;
}
div.blogger_img{
width:220px;
float:left;
font-size:84%;
}
div.blogger_img img{
margin:5px;
}
div.blogger_data{
width:310px;
float:right;
}
div.blogger_data h3{
font-size:120%;
font-weight:bold;
margin:5px 5px 0px 0px;
padding:5px 0px 5px 20px;
padding-left:23px;
background:url(../gif/circle_yellow.gif) no-repeat;
background-position:0px 5px;
border-top:1px solid #777;
border-bottom:1px dotted #777;
}
div.blogger_data h3 img{
margin-left:10px;
}
div.blogger_data h4{
font-weight:bold;
}
div.blogger_data p.profile{
width:305px;
font-size:84%;
line-height:1.4;
margin-bottom:5px;
}
div.blogger_data strong{
font-size:84%;
}

/*recommend*/
div.recommend{
width:530px;
height:auto;
margin:10px 0px;
background:url(../gif/mail_bg.gif) repeat;
float:left;
}
div.recommend div.row{
float:left;
background:url(../gif/recommend_bg.gif) repeat;
margin-top:5px;
}
.rowlastChild{
margin-bottom:5px;
}
div.recommendBlog{
width:100px;
height:auto;
margin:5px 0px 0px 5px;
padding-bottom:10px;
float:left;
display:inline;
font-size:84%;
line-height:1.2;
text-align:center;
}

/*about chunk*/
div.about_chunk p{
margin-bottom:1em;
}

div.roll{
width:530px;
height:auto;
margin:10px 0px;
background:url(../gif/mail_bg.gif) repeat;
float:left;
}
div.roll h3{
padding:5px 0px 0px 5px;
font-weight:bold;
line-height:1.5;
}
div.roll ul{
padding:0px 5px 5px 12px;
}
div.roll strong{
font-weight:bold;
font-size:84%;
background:url(../gif/point_yellow_mini.gif) no-repeat;
padding-left:12px;
}
div.roll li{
margin-bottom:.5em;
}

div.back{
font-weight:bold;
text-align:right;
padding-right:20px;
background:url(../gif/backtop.gif) no-repeat right;
}
/*pickUpinquire*/
div.pickUpinquire p{
margin-bottom:0.8em;
line-height:1.4;
}
div.pickUpinquire ul{
margin-bottom:10px;
padding:10px 10px 0px 10px ;
background:url(../gif/mail_bg.gif) repeat;
}
div.pickUpinquire li{
background:url(../gif/arrow_orange.gif) no-repeat;
background-position:0px 1px;
padding-bottom:8px;
padding-left:13px;
}

/*PROFILE*/
table.profile{
width:530px;
background:url(../gif/mail_bg.gif) repeat;
margin-bottom:10px;
}
table.profile td{
padding:10px;
}

/*right-colum aka secondary*/
#secondary{
width:250px;
height:auto;
float:right;
}

#secondary div.mailSpace{
width:247px;
height:auto;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
padding-bottom:10px;
margin-bottom:10px;
background:url(../gif/mail_bg.gif) repeat;
}
#secondary .pad{
padding:10px;
}
#secondary ul.interNavi{
border-bottom:1px solid #777;
margin-bottom:8px;
}

#secondary ul.interNavi li{
background:url(../gif/arrow_orange.gif) no-repeat;
background-position:0px 1px;
padding-bottom:8px;
padding-left:13px;
}
#secondary ul.adspace li{
margin-bottom:8px;
}
#secondary ul.adspace li.lastChild{
margin:10px;
}
/*footer*/
#footer{
width:100%;
height:60px;
clear:both;
background:url(../gif/footer.gif) no-repeat;
border-top:1px solid #fff;
text-align:right;
}

#footer .pad{
padding:10px;
font-size:84%;
}

#footer ul.footerNavi li{
display:inline;
}

#deginc{
margin-top:20px;
text-align:right;
}