@charset "UTF-8";
/* Reset
------------------------------------------------------------*/
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}*/
address,em,strong,th {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,fieldset {
border: 0;
}
li {
list-style-type: none;
}


/* Fonts
------------------------------------------------------------*/
body {
font-size: 75%; /* IE */
font-family: ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,"Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
html>/**/body {
font-size: 12px; /* Except IE */
}


/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}


/* 共通部分
------------------------------------------------------------*/
body {
background-repeat: repeat;
text-align: center;
}
#base {
/*width: 800px;*/
margin-right: auto;
margin-left: auto;
text-align: left;
line-height: 1.5em;
background-color:#ffffff;
}
#header {
margin-bottom: 15px;
}
#contents {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 20px 140px;
width: 100%;
margin-bottom:100px;
float: left;
}
/* 2012/07/11 */
#base h1{
color: #666;
margin-top: 3px;
margin-bottom: 10px;
font-size: 10px;
font-weight: normal;
}
#contents h1 img {
display: inline;
}
#contents h2 {
border-left-width: 9px;
border-left-style: solid;
font-size: 25px;
font-weight: bold;
/*margin-left: 20px;*/
padding-left: 15px;
line-height: 1.2em;
margin-bottom: 20px;
margin-top: 20px;
}
#contents h2 span {
font-size: 12px;
font-weight: normal;
}
#contents .main_contents {
width: 100%;
/*margin-left: 120px;
margin-bottom: 15px;*/
font-size: 14px;
line-height:140%;
/*background-image: url(../img/contents/uneinikki/shadow_box_middle.gif);
background-repeat: repeat-y;*/
}
/*#contents .main_contents #shadow_bottom_box {
width: 439px;
background-image: url(../img/contents/uneinikki/shadow_box_bottom.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
#contents .main_contents #shadow_bottom_box #shadow_top_box {
width: 439px;
background-image: url(../img/contents/uneinikki/shadow_box_top.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 27px;
padding-bottom: 38px;*/
}
#contents .main_contents h3 {
border-bottom-color: #cccccc;
font-size: 17px;
font-weight: bold;
margin-bottom: 20px;
/*width: 371px;
border-bottom-width: 1px;
border-bottom-style: solid;*/
padding-bottom: 7px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
}
#contents .main_contents p {
margin-bottom: 20px;
/*margin-left: auto;
margin-right: auto;
width: 371px;*/
}
#contents .main_contents ol,
#contents .main_contents ul {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
margin-top: -20px;
width: 371px;
}
#contents .main_contents ol li,
#contents .main_contents ul li {
list-style-type: decimal;
list-style-position: inside;
}
#contents .main_contents h4 {
font-size: 13px;
font-weight: normal;
margin-right: auto;
margin-left: auto;
width: 371px;
}

#r_side {
float: left;
width: 200px;
background-color: #FFFFFF;
margin-left: 20px;
}

/*新着情報*/
#new {
margin-bottom: 20px;
}
#new h5 {
font-size: 12px;
font-weight: bold;
color: #FF6600;
margin-top: 20px;
margin-left: 15px;
margin-bottom: 15px;
}
#new dl {
margin-left: 20px;
margin-bottom: 25px;
width: 160px;
}
#new dt {
margin-bottom: 3px;
}
#new dd {
margin-bottom: 10px;
}

/*バナー*/
#right {
margin-bottom: 20px;
}
#right h5 {
font-size: 12px;
font-weight: bold;
color: #FF6600;
margin-top: 15px;
margin-left: 15px;
margin-bottom: 25px;
}
#right dl {
margin-left: 20px;
width: 155px;
}
#right dt {
margin-bottom: 10px;
}
#right dd {
margin-bottom: 15px;
}




/*フッター*/
#contents #footer {
padding:0px 25px 25px 125px;
font-size:14px;

}
#contents #footer h6 {
font-weight: normal;
margin-left: 20px;
}
#contents #footer p {
margin-bottom:5px;
}
#contents   #footer   p.url    {
margin-bottom: 15px;
}
#contents  #footer  p.url  a  {
text-decoration: none;
}





/* カテゴリn
------------------------------------------------------------
#cat_n #contents {background-image: url(../img/contents/uneinikki/n_illust.gif);}
 カテゴリs
------------------------------------------------------------
#cat_s #contents {background-image: url(../img/contents/uneinikki/s_illust.gif);}
 カテゴリe
------------------------------------------------------------
#cat_e #contents {background-image: url(../img/contents/uneinikki/e_illust.gif);}
 カテゴリa
------------------------------------------------------------
#cat_a #contents {background-image: url(../img/contents/uneinikki/a_illust.gif);}*/





/* 背景色　blue
------------------------------------------------------------*/
body.bk_blue {
/*background-image: url(../img/contents/uneinikki/blue_back.gif);*/
}
.bk_blue #contents {
background-color: #FFFFFF;
}
.bk_blue #contents h2 {
color: #0033CC;
border-left-color: #0033CC;
}
.bk_blue #contents h3 {
/*color: #0066CC;*/
margin-bottom:10px;
}
.bk_blue #new dd a{
color: #0066CC;
}
.bk_blue #contents #footer {
color: #3366CC;
}
.bk_blue #contents #footer a {
color: #0000EE;
}




/* 背景色red
------------------------------------------------------------*/
body.bk_red {
/*background-image: url(../img/contents/uneinikki/red_back.gif);*/
}
.bk_red #contents {
background-color: #FFFFFF;
}
.bk_red #contents h2 {
color: #CC2811;
border-left-color: #CC2811;
}
.bk_red #contents h3 {
/*color: #CC2811;*/
margin-bottom:10px;
}
.bk_red #new dd a{
color: #CC2811;
}
.bk_red #contents #footer {
color: #CC2811;
}
.bk_red #contents #footer a {
color: #FF66CC;
}




/* 背景色green
------------------------------------------------------------*/
body.bk_green {
/*background-image: url(../img/contents/uneinikki/green_back.gif);*/
}
.bk_green #contents {
background-color: #FFFFFF;
}
.bk_green #contents h2 {
color: #009900;
border-left-color: #009900;
}
.bk_green #contents h3 {
/*color:#009900;*/
margin-bottom:10px;
}
.bk_green #new dd a{
color: #009900;
}
.bk_green #contents #footer {
color:#009900;
}
.bk_green #contents #footer a{
color:#33CC00;
}

/* カテゴリa（オレンジ）
------------------------------------------------------------*/
body#cat_top {
/*background-image: url(../img/contents/uneinikki/a_back.gif);*/
}
#cat_top #contents h2 {
color: #FF6600;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-left: 0;
padding-left:0;
}
#cat_top #contents h3 {
/*color: #FF6600;*/
}
#cat_top #new dd a{
color: #FF6600;
}
#cat_top #contents #footer {
color: #3366CC;
}
#cat_top #contents #footer a {
color: #0000EE;
}
#cat_top #contents {
background-color: #FFFFFF;
}

#cat_top #contents .main_contents {
width: 100%;
font-size: 13px;
margin: 0px;
background-image: none;
}
#cat_top #contents .main_contents dl {
margin-left: 0px;
width: 100%;
}
#cat_top #contents .main_contents dl dt {
font-size: 14px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ECE9D8;
padding-bottom: 5px;
background-image: url(../img/contents/uneinikki/arrow_glay.gif);
background-repeat: no-repeat;
padding-left: 15px;
background-position: left 5px;
}
#cat_top #contents .main_contents dl dt a {
text-decoration: none;
}
#cat_top #contents .main_contents dl dt a:hover {
text-decoration: underline;
}
#cat_top  #contents  .main_contents dl dt.catego_blue a {
color: #0033CC;
}
#cat_top  #contents  .main_contents dl dt.catego_red a {
color: #CC2811;
}
#cat_top  #contents  .main_contents dl dt.catego_green a {
color: #009900;
}
#cat_top #base #contents .main_contents dl dt span {
text-align: right;
font-size: 11px;
font-weight: normal;
color: #666666;
padding-left: 10px;
}

#cat_top #contents .main_contents dl dd {
margin-bottom: 15px;
margin-top: 5px;
font-size: 12px;
color: #333333;
}

/* 2013/02/26 */

p.header_img {
text-align: center;
}

#wrapper{
/*margin:0 30px;*/
}

#base h1{
margin:0px;
}

.social_button{
margin:20px 0 0;
}

/* インソースの豊富なサービス */
#servicelink table.border-b .line_l_b {background-color:#FF6600;width: 190px;}
#servicelink table.border-b .line_c {width: 1px;}
#servicelink table.border-b .line_r_b {background-color:#FFD2B5;width: 309px;}

#servicelink .arrowA {background-color:#FF6600}
#servicelink .arrowB {background-color:#FF6600;}

/* 左ナビ */
/* ▼ 左ナビ*/
#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#FF6600;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#FFD2B5;}
#cont #c3_ll dl.cc11-2    {border-color:#FF6600;}
#cont #c3_ll dl.cc11 dt b img,
#cont #c3_ll dl.cc11-2 dt b img{background:#FF6600;}
#cont #c3_ll dl dd.rating_list ul li span{color:#FF6600;}