@charset "UTF-8";
p.ci{ padding:0; float:left; }

/*  ================================================================================
Common Layout
================================================================================  */
ul.path{ padding:0 0 10px; text-align:left; }
ul.path li{ float:left; }
ul.path li a{ margin:0 7px 0 0; padding:0 11px 0 0; background:url(../images/path_arrow.gif) no-repeat right center; }

a.icon_blank{
background: url(/images/common/icon_blank.png) no-repeat left 4px;
margin-left: 0;
padding-left: 19px;
}

.blankLink{
width:25em;
margin:3px 0;
padding:3px;
background:#f3f3f3;
}
.blankLink p{
padding:0;
background:url(../images/second/icon_blank.gif) no-repeat right center #FFF;
border:1px solid #e3e3e3;
}
.blankLink p a{
_width:25em;
padding:7px 23px;
background:url(../images/second/icon_blank_arrow.gif) no-repeat left center;
display:block;
font-weight:bold;
}

/*  ================================================================================
ContentsArea Layout
================================================================================  */
.mainVisual{ margin:0 0 42px; position:relative; }
.mainVisual h1{ top:23px; left:13px; position:absolute; }
/* index */
.secondCnt .mainVisual{ margin-bottom:25px; }
.secondCnt .mainVisual h1{ top:105px; }
.sidePad13{ padding-left:13px; padding-right:13px; }
/*  ========================================================
Basic Layout
========================================================  */
table.lineChart{ margin:5px 0 15px; }
table.lineChart th,table.lineChart td{
padding:8px 15px;
background:url(../images/second/indexbox_dotline.gif) repeat-x bottom;
}
table.lineChart tr.last th,table.lineChart tr.last td{ background:none; }
table.lineChart th{ color:#0061BD; font-weight:normal; text-align:left; }
ul.basicList{ margin:10px 0; padding:3px 13px; border:1px solid #e3e3e3; }
ul.basicList li{
background:url(../images/second/indexbox_dotline.gif) repeat-x bottom;
}
ul.basicList li.last{ background:none; }
ul.basicList li span{
margin:0 10px;
padding:7px 0 7px 11px;
background:url(../images/second/list_blue_circle.gif) no-repeat left 1.3em;
display:block;
}
dl.basicDl{ margin:10px 0 0; }
dl.basicDl dt{
padding:12px 5px;
background:url(../images/second/indexbox_dotline.gif) repeat-x top;
font-weight:bold;
color:#000;
line-height:150%;
}
dl.basicDl dt span{ padding:0 0 0 9px; border-left:3px solid #2B95FF; }
dl.basicDl dd{
padding:0 5px 12px;
}
.captionBox{
margin:10px 0;
padding:10px 19px 16px;
background:#f8f8f8;
border:1px solid #e3e3e3;
color:#0061BD;
}
.captionBox h4{ padding:0; margin:0 0 5px; }
.captionBox p{ padding:0; font-size:83.3%; line-height:150%; }
ul.basicPointList{
padding:2px 10px;
border:1px solid #e3e3e3;
color:#0061BD;
}
ul.basicPointList li{
padding:10px 0;
background:url(../images/second/indexbox_dotline.gif) repeat-x bottom;
}
ul.basicPointList li.last{ background:none;}
ul.basicPointList li img{ float:left; }
ul.basicPointList li p{ width:560px; padding:0 0 0 18px; float:left; border-left:1px solid #d6ceea; line-height:150%; }
.contentsBoxThird_out{ margin:10px 0; padding:3px; background:#f3f3f3; }
.contentsBoxThird_out .boxInner,.contentsBoxThird_in .boxInner{ padding:10px 10px 13px; background:#FFF; border:1px solid #e3e3e3; }
.contentsBoxThird_out img,.contentsBoxThird_in img{ float:right; }
.contentsBoxThird_out .boxInner p.title{ margin:0 4px 8px; padding:0 12px; line-height:150%; font-size:116.7%; background:url(../images/second/h_left_blue.gif) no-repeat left center; }
.contentsBoxThird_out .boxInner div{ padding:12px 3px 0 10px; background:url(../images/second/indexbox_dotline.gif) repeat-x top; }
.contentsBoxThird_out .boxInner div p,.contentsBoxThird_in .boxInner p{ width:385px; float:left; }
.contentsBoxThird_in{ margin:10px 0; padding:3px; background:#f3f3f3; }
.contentsBoxThird_in .boxInner{ padding:14px; }
.contentsBoxThird_in p.title{ padding:5px 7px; line-height:150%; font-size:116.7%; font-weight:bold; color:#0061BD; }

table.example3,
table.example3 th,
table.example3 td{
border-collapse:collapse;
padding:3px;
border:1px solid #000;
}
/*  ========================================================
Index Layout
========================================================  */
.contentsBoxIndex{
margin:10px 0 0;
padding:6px;
background:#f3f3f3;
}
.contentsBoxIndex .Inner{
padding:3px;
border:1px solid #e3e3e3;
background:#FFF;
}
.contentsBoxIndex .Inner img{ float:left; }
.contentsBoxIndex .Inner a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.contentsBoxIndex .Inner div{ width:401px; float:right; }
.contentsBoxIndex .Inner p{ margin:0 11px; padding:0 0 8px; font-size:83.3%; line-height:150%; }
.secondCnt h3{
background:url(../images/second/indexbox_bg.gif) repeat-x bottom #0061BD;
font-weight:bold;
}
.secondCnt h3 a{
padding:5px 25px 5px 13px;
background:url(../images/second/white_small_arrow.gif) no-repeat 380px center;
font-size:116.7%;
display:block;
}
.secondCnt h4{ margin:10px 11px 8px; font-weight:bold; color:#0061BD; line-height:150%; }
.secondCnt h3 a:link,.secondCnt h3 a:visited,.secondCnt h3 a:active{ text-decoration:none; color:#FFF; }
.secondCnt h3 a:hover{ text-decoration:underline; }
.contentsSmallBox{ padding:10px 0 0; }
.contentsSmallBox .contentsBoxIndex{ width:323px; _width:335px; float:left; }
.contentsSmallBox .contentsBoxIndex.right{ margin-left:5px; }
.contentsSmallBox .contentsBoxIndex h3{ margin:0 7px; background:url(../images/second/indexbox_dotline.gif) repeat-x bottom; }
.contentsSmallBox .contentsBoxIndex a{
padding:7px 3px; background:url(../images/second/indexbox_arrow.gif) no-repeat right center; }
.contentsSmallBox .contentsBoxIndex a:link,.contentsSmallBox .contentsBoxIndex a:visited,.contentsSmallBox .contentsBoxIndex a:active,.contentsSmallBox .contentsBoxIndex a:hover{ color:#0061BD; }
.contentsSmallBox .contentsBoxIndex p{ padding-top:8px; }
* html .contentsBoxIndex h3 a{ width:401px; }
* html .contentsSmallBox h3 a{ width:300px; }
/*  ========================================================
third Layout
========================================================  */
.thirdCnt{}
.thirdCnt h2,
.forthCnt h3{
/*
height:34px;
margin:45px 0 12px;
padding:0 20px;
line-height:35px;
font-size:116.7%;
background:url(../images/second/title_small_bg.gif) no-repeat;*/

margin:45px 0 12px;
font-size:116.7%;
border:2px solid #005CAC;
/*background:url(../images/second/h_left_blue.gif) repeat-y;*/
padding:5px 10px;
background-position: 5px 0px;
font-weight:bold;
}
.thirdCnt h2.first,
.forthCnt h3.first{ margin-top:0; }
.thirdCnt h3,
.forthCnt h4{
margin:0 0 10px;
padding:5px 0 0;
font-weight:bold;
}
.thirdCnt h2.entrytitle,
.secondCnt h2.entrytitle{
margin:0 0 23px;
padding:0 8px 18px;
font-size:166.7%;
font-weight:bold;
color:#000;
border:0;
background:url(../images/second/h_udner_gradation.gif) repeat-x bottom;
}
.thirdCnt .Inner,
.forthCnt .Inner{ padding:0; }
/*  ========================================================
forth Layout
========================================================  */
.forthCnt{}
.forthCnt h2{
margin:0 0 23px;
padding:0 8px 18px;
font-size:166.7%;
font-weight:bold;
color:#000;
background:url(../images/second/h_udner_gradation.gif) repeat-x bottom;
}
.forthCnt h2 span{
padding:0 13px;
background:url(../images/second/h_left_blue.gif) no-repeat left 0.35em;
display:block;
letter-spacing:1px;
}

/*  ================================================================================
Othre Option
================================================================================  */
.martop40{ margin-top:40px; }
.bold{ font-weight:bold; }
#contentsArea ul li{
background:url(/common/images/second/list_purple_circle.gif) no-repeat 0.5em 0.5em;
padding-left:1.5em;
}
#contentsArea ol li{
background:none;
padding-left:0;
}

/*画像回り込み
--------------------------------------------------------------*/
.left{
display:inline;
float:left;
}
.left img{
padding:0 1em 1em 0;
}
.right{
display:inline;
float:right;
}
.right img{
padding:0 0 1em 1em;
}
.imgBox{ /* clearfix */
margin:0 0 1.2em;
padding:0;
}
.imgBox > .partsL + *,
.imgBox > .partsR + *{
margin-top:0;
}
.partsR{
float:right;
}
.partsL{
float:left;
}
.imgBox .partsR{
margin:0 0 1em 20px;
display:inline;
}
.imgBox .partsL{
margin:0 20px 1em 0;
display:inline;
}
.imgBox .partsL+p{
float:left;
width:480px;
line-height:1.6em;
}
/*
--------------------------------------------------------------*/
span.pad{
padding:0 0 1em 1em;
display:block;
}
.pb1em{
margin-bottom:10px;
}

/* サイトマップ */
#mainInner div#sitemap div.box{
border:3px solid #f3f3f3;
margin-bottom:18px;
padding:3px;
}
#mainInner div#sitemap div.box h2{
background:0;
margin:0;
padding:0;
border:0;
background:#f8f8f8;
border-bottom:1px solid #e3e3e3;
padding:7px 0 7px 6px;
}
#mainInner div#sitemap div.box h2 a{
margin:0;
padding:0;
text-decoration:none;
font-weight:bold;
background:url(/common/images/index//blue_arrow.gif) no-repeat;
padding-left:20px;
}
#mainInner div#sitemap div.box ul{
margin-top:10px;
margin-right:15px;
}
#mainInner #sitemap li{
border-bottom:1px dotted #cbcbcb;
margin-bottom:10px;
}
#mainInner #sitemap li li{
border-bottom:none;
}
#mainInner #sitemap ul.no_style{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}

#mainInner #sitemap li.no_style{
border-bottom:none;
margin:0 0 0 0 ;
padding:0 0 0 0 ;
}
#mainInner #sitemap li.no_style ul.no_style li.no_style{
border-bottom:none;
margin-bottom:0 ;
padding-bottom:0 ;
}

#mainInner #sitemap ul.pb10 li.no_style{
border-bottom:none;
margin:0 0 0 0 ;
padding:0 0 10px 1.5em;
}
#mainInner #sitemap ul.pb10 li{
padding-bottom:10px;
background:none;
}
#mainInner #sitemap ul.pb10 li a{
padding-left:10px;
background:url(/common/images/sidemenu_arrow.gif) no-repeat scroll left center transparent;
}
/* access */
#contentsArea .mapleft{
float:left;
width:300px;
margin:0 0 10px;
}
#contentsArea .mapright{
float:right;
width:350px;
}
#contentsArea .mapright dl{
padding:0 0 0 5px;
margin:0 0 10px;
}
#contentsArea .mapright dl dt{
font-weight:bold;
color:#0061bd;
margin:0;
}
#contentsArea .mapright dl dd{
margin:0 0 10px;
}
#contentsArea .mapright dl dd table th{
background:#f8f8f8;
text-align:left;
width:130px;
color:#555555;
font-weight:bold;
vertical-align:top;
}
#contentsArea .mapright dl dd table td{
text-align:left;
vertical-align:top;
}
#contentsArea ol.none{
list-style-type:none;
padding:0 0 10px 20px;
}
#contentsArea ol.none li span{
display:inline-block;
text-indent:-1em;
}
#contentsArea table td.txtL{
text-align:left;
}
#contentsArea .entrybox{
margin:-10px 0 30px;
}
.t_blue td{
background-color:#EFF7FF;
}
.red{
color:red;
}
.t_center{
text-align:center;
}

.txtR, .txtright{
text-align:right;
}

/* かるしお結果発表 */
.thirdCnt #karushiokekka.secondCnt h3{
    color:#FFF;
    display: block;
    font-size: 116.7%;
    padding: 5px 25px 5px 13px;
}
#karushiokekka .contentsBoxIndex .Inner div{
width:445px;
}
.thirdCnt #karushiokekka .Inner{
padding:5px;
}
/* かるしおレシピ */
.thirdCnt #karushiorecipe.secondCnt h3{
    color:#FFF;
    display: block;
    font-size: 116.7%;
    padding: 5px 25px 5px 13px;
}
#karushiorecipe .contentsBoxIndex{
margin-bottom:20px;
}
#karushiorecipe .contentsBoxIndex .Inner div{
width:280px;
}
#karushiorecipe .contentsBoxIndex .Inner table{
width:270px;
}
.thirdCnt #karushiorecipe .Inner{
padding:5px;
}

#karushiorecipe .contentsBoxIndex .Inner h3{
font-size:140%;
color:#F60;
}
#karushiorecipe .contentsBoxIndex .Inner th{
font-size:100%;
font-weight:bold;
width:160px;
background:#F93;
}
#karushiorecipe .contentsBoxIndex .Inner td{
font-size:140%;
font-weight:bold;
width:110px;
text-align:right;
}
#karushiorecipe ol{
padding-left:30px;
font-size:120%;
}
#karushiorecipe ul li{
font-size:120%;
}
#karushiorecipe h4{
background:#EEE;
padding: 5px 10px;
font-size:120%;
}
#karushiorecipe h5{
color:#666;
font-weight:bold;
padding:0 10px;
font-size:120%;
}
#karushiorecipe h5 + ul,
#karushiorecipe h5 + ol{
margin-top:5px;
margin-bottom:5px;
}
#karushiorecipe h4 + h5{
margin-top:5px;
margin-bottom:5px;
}

#karushiorecipe table.recipe tr{
background:#FEFFDD;
}
#karushiorecipe table.recipe tr:nth-child(2n) {
background:#FFF;
}

#karushiorecipe table.recipe{
width:670px;
margin-bottom:20px;
}
#karushiorecipe table.recipe th{
font-weight:bold;
background:#F93;
}
#karushiorecipe table.recipe th,
#karushiorecipe table.recipe td{
font-size:100%;
}
#karushiorecipe table.recipe td{
text-align:left;
}
#karushiorecipe .navi{
margin:1em 0;
font-size:100%;
}

#karushiorecipe .subbox{
padding:10px;
}
#karushiorecipe .subbox .right{
width:280px;
}
#karushiorecipe .setmenu td{
text-align:center;
vertical-align:top;
}
#karushiorecipe .setmenu{
margin:10px 0;
}