@charset "utf-8";

/*---------------
   basic style
---------------*/

#data{width:750px;}

#data h2,
#data h3,
#data div,
#data ul,
#data ol,
#data li,
#data p{margin:0; padding:0;}

#data img{vertical-align:bottom;}
#data ul li,
#data ol li {list-style:none;}
#data .text-size10{font-size:88.3%;}
#data .align_c{text-align:center;}
#data .b0{margin-bottom:0px;}
#data .b5{margin-bottom:5px;}
#data .b10{margin-bottom:10px;}
#data .b20{margin-bottom:20px;}


/*---------------
   layout style
---------------*/


#data h2{margin-bottom:20px;}
#data h3{
margin-bottom:13px;
font-size:116.6%;}

#data .note01{font-size:88.3%;}
#data .notice01,
#data .note01 span{
color:#f74e27;
}


/*------------- layout01 --*/
#data .layout01{
width:750px;
margin-bottom:30px;}

#data .layout01 li{float:left;}

#data .layout01 .step1{padding-left:13px;}
#data .layout01 .step2{padding-left:23px;}

/*------------- layout02 --*/
#data .layout02{
width:750px;
margin-bottom:30px;}

#data .layout02 ul{
width:368px;
float:left;
}

#data .layout02 ul .img{padding-bottom:12px;}
#data .layout02 ul .text{padding:0 13px 13px 13px;}

#data .layout02 ul .text span{font-size:88.3%;}

#data .layout02 ul.blue,
#data .layout02 ul.green{
padding-right:14px;
}

#data .layout02 ul.blue{background:url(/library/jcom_ch/data/images/data_bg01.gif) left bottom no-repeat;
margin-bottom:14px;}
#data .layout02 ul.red{background:url(/library/jcom_ch/data/images/data_bg02.gif) left bottom no-repeat;
margin-bottom:14px;}
#data .layout02 ul.green{background:url(/library/jcom_ch/data/images/data_bg03.gif) left bottom no-repeat;}
#data .layout02 ul.yellow{background:url(/library/jcom_ch/data/images/data_bg04.gif) left bottom no-repeat;}

/*------------- layout03 --*/

#data .layout03{
width:750px;
margin-bottom:35px;
}

#data .layout03 ul{
width:404px;
margin:0 auto;
text-align:center;}

#data .layout03 li{
width:194px;
float:left;
text-align:center;
padding:0 0 3px 0;
}

#data .layout03 li span{
font-size:88.3%;
background-color:#dedede;
display:block}

#data .layout03 li.wide{
padding-right:16px;}

/* 2010.7.8 plus */
#data .layout03.new ul{width:614px;}
#data .layout03.new li{padding:0 16px 3px 0;}
#data .layout03.new li.last-child{padding:0 0 3px 0;}


/*------------- layout04 --*/

#data .layout04{
width:750px;
margin-bottom:35px;
}

#data .layout04 p{
text-align:center;
}
#data .layout04 p img{
vertical-align:top;
}

/*--------------------------

   MONTHLY
   
---------------------------*/

/*---------------
   basic style
---------------*/

#monthly{width:750px;}

#monthly h2,
#monthly h3,
#monthly h4,
#monthly h5,
#monthly div,
#monthly ul,
#monthly li,
#monthly p{margin:0; padding:0;}

#monthly img{vertical-align:bottom;}
#monthly ul li,
#monthly ol li {list-style:none;}
#monthly .text-size10{font-size:88.3%;}
#monthly .align_c{text-align:center;}
#monthly .b5{margin-bottom:5px;}
#monthly .b10{margin-bottom:10px;}
#monthly .b15{margin-bottom:15px;}
#monthly .b20{margin-bottom:20px;}


/*---------------
   layout style
---------------*/


#monthly h2{margin-bottom:10px;}


/*------------- wrp01 --*/

#monthly .wrp01{
margin-bottom:15px;
width:750px;
background:url(/library/jcom_ch/monthly/images/monthly_bg01_02.gif) left bottom no-repeat;
}

#monthly .wrp01 .wrp02 {
background:url(/library/jcom_ch/monthly/images/monthly_bg01.gif) left top no-repeat;
padding-bottom:15px;
}

#monthly .wrp01 .text,
#monthly .wrp01 .img{
float:left;
}

#monthly .wrp01 .text{
width:585px;
padding-left:20px;
}

#monthly .wrp01 .img{
width:125px;
padding:14px 0 0 20px;
}

#monthly .wrp01 .text .tit_01{
background:url(/library/jcom_ch/monthly/images/monthly_bg_line01.gif) left bottom repeat-x;
padding-bottom:10px;
margin:15px 0 10px 0;
}
#monthly .wrp01 .text .tit_01 h3{
background:url(/library/jcom_ch/monthly/images/monthly_icon01.gif) left center no-repeat;
padding-left:18px;
margin-left:6px;
}


/*------------- monthly_box01 --*/
#monthly .monthly_box01{
width:750px;
margin-bottom:20px;}

#monthly .monthly_box01 ul li{
float:left;
width:367px;
background:url(/library/jcom_ch/monthly/images/monthly_bg02_02.gif) left bottom no-repeat;
padding-bottom:13px;}

#monthly .monthly_box01 ul li .wrp03{
width:367px;
background:url(/library/jcom_ch/monthly/images/monthly_bg02.gif) left top no-repeat;
}

#monthly .monthly_box01 ul li.p16{
padding-right:16px;
}

#monthly .monthly_box01 ul li .wrp03 .tit_01{
width:341px;
background:url(/library/jcom_ch/monthly/images/monthly_bg_line01.gif) left bottom repeat-x;
padding:9px 0 10px 0;
margin: 0 0 10px 13px;
}

#monthly .monthly_box01 ul li .wrp03 .tit_01 h4{
background:url(/library/jcom_ch/monthly/images/monthly_icon02.gif) left center no-repeat;
padding-left:15px;
margin-left:4px;
font-size:91.6%;
}

#monthly .monthly_box01 ul li .wrp03 .text{
float:right;width:252px;}

#monthly .monthly_box01 ul li .wrp03 .img{float:right;width:113px;}

#monthly .monthly_box01 ul li .wrp03 .text p{
padding:0 10px 5px 15px;}

#monthly .monthly_box01 ul li .wrp03 .text li{
float:none;
background:none;
padding:0 10px 0 15px;
line-height:1.2!important;
margin-bottom:0;
padding-bottom:0px;
width:227px;
}

/*------------- monthly_box02 --*/
#monthly .monthly_box02{
width:750px;
background:url(/library/jcom_ch/monthly/images/monthly_bg03_02.gif) left bottom no-repeat;
padding-bottom:15px;
margin-bottom:20px;
}

#monthly .monthly_box02 .wrp04{
background:url(/library/jcom_ch/monthly/images/monthly_bg03.gif) left top no-repeat;
padding-top:15px;}


#monthly .monthly_box02 .tit_02{
width:712px;
background:url(/library/jcom_ch/monthly/images/monthly_bg_line01.gif) left bottom repeat-x;
padding:0 0 5px 0;
margin: 0 0 5px 19px;
}

#monthly .monthly_box02 .tit_02 h5{
background:url(/library/jcom_ch/monthly/images/monthly_icon03.gif) left center no-repeat;
padding-left:15px;
margin-left:4px;
font-size:91.6%;
}

#monthly .monthly_box02 p{padding:0 19px 13px 19px;}
#monthly .monthly_box02 p.last{padding-bottom:0}

#monthly .monthly_box02 ul{padding:0 19px 13px 19px;}
#monthly .monthly_box02 ul li.last,
#monthly .monthly_box02 ul.last{padding-bottom:0}

#monthly .monthly_box02 ul li{padding-bottom:10px;}

/*------------- monthly_box03 --*/
#monthly .monthly_box02 .monthly_box03{width:712px;}
#monthly .monthly_box02 .monthly_box03 li{float:left;}
#monthly .monthly_box02 .monthly_box03 li.text{width:597px;}
#monthly .monthly_box02 .monthly_box03 li.img{
width:100px;
padding-left:15px;}


/*--------------------------

   TOP
   
---------------------------*/

/*---------------
   basic style
---------------*/

#jcom_ch_top{width:750px;}

#jcom_ch_top h2,
#jcom_ch_top h3,
#jcom_ch_top h4,
#jcom_ch_top div,
#jcom_ch_top ul,
#jcom_ch_top li,
#jcom_ch_top p{margin:0; padding:0;}

#jcom_ch_top img{vertical-align:bottom;}
#jcom_ch_top ul li{list-style:none;}
#jcom_ch_top .text-size10{font-size:88.3%;}
#jcom_ch_top .align_c{text-align:center;}
#jcom_ch_top .b5{margin-bottom:5px!important;}
#jcom_ch_top .b0{margin-bottom:0px!important;}
#jcom_ch_top .b10{margin-bottom:10px!important;}
#jcom_ch_top .b15{margin-bottom:15px!important;}
#jcom_ch_top .b20{margin-bottom:20px!important;}
#jcom_ch_top .pr10{padding-right:10px!important;}


/*---------------
   layout style
---------------*/

#jcom_ch_top h2{margin-bottom:20px;}
#jcom_ch_top h3{margin-bottom:10px;}
#jcom_ch_top p{margin-bottom:10px;}


#jcom_ch_top ul.listType04{background:none;}
#jcom_ch_top ul.listType04 li{
float:none;
padding-left:16px;}

#jcom_ch_top .top_box01{
background:url(/library/jcom_ch/top/images/jcom_ch_top-bg01.gif) left bottom no-repeat;
padding-bottom:10px;
margin-bottom:30px;
}
#jcom_ch_top .top_box01 .top_box_text{
margin:0 10px 0 95px;
}

#jcom_ch_top .top_box02{
width:750px;
margin-bottom:30px;
}
#jcom_ch_top .top_box02 .top_box02_image,
#jcom_ch_top .top_box02 .top_box02_text{
float:left;}

#jcom_ch_top .top_box02 .top_box02_image{
width:161px;
padding-right:20px;
}

#jcom_ch_top .top_box02 .top_box02_text{
width:559px;
padding-right:10px;
}

#jcom_ch_top .info_navi{
width:750px;
margin-bottom:17px;
}

#jcom_ch_top .info_navi li{
float:left;
padding:0 20px 0 16px;
background:url(/library/shared/rn_images/icon_circle01.gif) no-repeat left 0.3em}

#jcom_ch_top .info_navi li.last{margin-left:7px;}

#jcom_ch_top li.linkList001{
padding:0 0 0 16px;
margin-left:95px;
background:url(/library/shared/rn_images/icon_circle01.gif) no-repeat left 0.3em
}

#jcom_ch_top ul.bannerArea{
margin-bottom:25px;
width:764px;
over-flow:hiddun;
zoom:1;
}

#jcom_ch_top ul.bannerArea li{
margin-right:12px;
float:left;
display:block;
width:370px;
}

#jcom_ch_top ul.bannerArea li p.img{
float:left;
width:145px;
}

#jcom_ch_top ul.bannerArea li span{
display:block;
float:right;
width:215px;
}

/*------------- wrp01 --*/

#jcom_ch_top .wrp01{
margin-bottom:15px;
width:750px;
background:url(/library/jcom_ch/monthly/images/monthly_bg01_02.gif) left bottom no-repeat;
}

#jcom_ch_top .wrp01 .wrp02 {
background:url(/library/jcom_ch/monthly/images/monthly_bg01.gif) left top no-repeat;
padding-bottom:15px;
}

#jcom_ch_top .wrp01 .text,
#jcom_ch_top .wrp01 .img{
float:left;
}

#jcom_ch_top .wrp01 .text{
width:585px;
padding-left:20px;
}

#jcom_ch_top .wrp01 .img{
width:125px;
padding:14px 0 0 20px;
}

#jcom_ch_top .wrp01 .text .tit_01{
background:url(/library/jcom_ch/monthly/images/monthly_bg_line01.gif) left bottom repeat-x;
padding-bottom:10px;
margin:15px 0 10px 0;
}
#jcom_ch_top .wrp01 .text .tit_01 h4{
background:url(/library/jcom_ch/monthly/images/monthly_icon01.gif) left center no-repeat;
padding-left:18px;
margin-left:6px;
font-size:100%;
}

#jcom_ch_top .wrp01 .text .tit_01 h4 span{
color:#fe4d00;
font-size:116.6%;
}

/* ------------------------------
 ln_jcom_ch
------------------------------ */
#data .ln_jcom_ch,
#monthly .ln_jcom_ch,
#jcom_ch_top .ln_jcom_ch{
width:750px;
margin-bottom:15px;
}
ul.ln_jcom_ch li{float:left;}





/* ------------------------------
 Clear fix
------------------------------ */
#data .ln_jcom_ch:after,
#monthly .ln_jcom_ch:after,
#jcom_ch_top .ln_jcom_ch:after,
#jcom_ch_top .top_box02:after,
#jcom_ch_top .info_navi:after,
#jcom_ch_top .wrp02:after,
#monthly .monthly_box02 .monthly_box03:after,
#monthly .monthly_box01 ul .wrp03:after,
#monthly .monthly_box01 ul:after,
#monthly .wrp02:after,
#data .layout03:after,
#data .layout02:after,
#data .layout01:after,
#jcom_ch_top ul.bannerArea:after,
#jcom_ch_top ul.bannerArea li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}