@charset "UTF-8";

/*
Theme Name: ころころネットのテーマ ver.3
Theme URI: http://ashitalab.com
Description: データ更新による一覧系ページのコード変更
Version: 3.0
Author: あしたラボラトリー
Author URI: http://ashitalab.com
*/



/* リセット
------------------------------------------------
html {
font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
color: #333333;
line-height: 1.5;
}
input,textarea,select,optgroup {
font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

body,th,td {
font-size: 12px;
}

h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,p {
margin: 0;
padding: 0;
}

table {
empty-cells: show;
border-collapse: collapse;
border: 0;
}

th,caption {
text-align:left;
}

em,optgroup {
font-style: normal;
font-weight: bold;
}

img  {
border:0;
}

a:link,a:visited {
color: #000000;
text-decoration: none;
}

a:hover,a:active {
color: #000000;
text-decoration: underline;
}
----------------------------- */




/* 投票ページへ用
-------------------------- */
.link_votepage {
	margin:20px auto;
	text-align:center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.link_votepage *:before,
.link_votepage *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
a.btn--yellow {
	color: #000;
	background-color: #fff100;
}
a.btn--yellow:hover {
	color: #000;
	background: #fff20a;
}
a.btn--yellow.btn--cubic {
	border-bottom: 5px solid #ccc100;
}
a.btn--yellow.btn--cubic:hover {
	margin-top: 3px;
	border-bottom: 2px solid #ccc100;
}
a.btn-c {
	font-size: 1.8rem;
	position: relative;
	padding: 2rem 5rem 2rem 3rem;
	border-radius: 100vh;
}
a.btn-c i.fa {
	margin-right: 1rem;
}
a.btn-c:before {
	font-size: 1.6rem;
	line-height: 1;
	position: absolute;
	top: calc(50% - .8rem);
	right: 1rem;
	margin: 0;
	padding: 0;
	content: '>';
}
.btn-copy {
	color:#25b803;
	font-size: 1.5rem;
	font-weight: bold;
	position: relative;
	margin-bottom: .2em;
	text-align: center;
}
.btn-copy:before {
	margin-right: 1rem;
	content: '＼';
}
.btn-copy:after {
	margin-left: 1rem;
	content: '／';
}



/* 共通
----------------------------------------------------------------------------- */
.font9px { font-size:70%; }
.font10px { font-size:77%; }
.font11px { font-size:85%; }
.font12px { font-size:93%; }
.font13px { font-size:100%; }
.font14px { font-size:108%; }
.font15px { font-size:116%; }
.font16px { font-size:123.1%; }
.font17px { font-size:131%; }
.font18px { font-size:138.5%; }
.font19px { font-size:146.5%; }
.font20px { font-size:153.9%; }
.font21px { font-size:161.6%; }
.font22px { font-size:167%; }
.font23px { font-size:174%; }
.font24px { font-size:182%; }
.font25px { font-size:189%; }
.font26px { font-size:197%; }

.underline {
text-decoration:underline;
}
.noline {
text-decoration:none;
}
.blue {
color:#003399;
}
.cha {
color:#701517;
}
.top {
vertical-align:top;
}
.middle {
vertical-align:middle;
}
.right {
text-align:right;
}
.float_right {
float:right;
}
.center {
text-align:center;
}
.float_center {
float:center;
}
.left {
text-align:left;
}
.float_left {
float:left;
}
.clear {
clear:both;
}
.fbblue {
color:#3b5998;
}
.bg_white {
background-color:#FFFFFF;
}
.bg_orange {
background-color:#ffe8a7;
}
.bg_green {
background-color:#45cd00;
}
.white {
color:#FFFFFF;
}
.orange {
color:#dc7003;
}
.gray {
color:#858585;
}
.blue {
color:#056ee2;
}
.red {
color:#ff0000;
}
.green {
color:#005d19;
}
.black {
color:#000000;
}
.more_red {
color:#990000;
}
.block {
display:block;
}
.bold {
font-weight:bold;
}
.black {
color:#000000;
}
.break {
word-wrap: break-word;
}
.newwindow {
background: url("common/images/icon_link_newwindow.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.popup {
background: url("common/images/icon_link_popup.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.pdf {
background: url("common/images/icon_link_pdf.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.shiyakusho {
background: url("common/images/icon_link_shiyakusho.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.coro {
background: url("common/images/icon_link_coro.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.nana {
background: url("common/images/icon_link_nana.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}

.chome_01 {
background: url("common/images/icon_link_chome01.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_02 {
background: url("common/images/icon_link_chome02.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_03 {
background: url("common/images/icon_link_chome03.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_04 {
background: url("common/images/icon_link_chome04.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_05 {
background: url("common/images/icon_link_chome05.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_06 {
background: url("common/images/icon_link_chome06.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_07 {
background: url("common/images/icon_link_chome07.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_08 {
background: url("common/images/icon_link_chome08.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_09 {
background: url("common/images/icon_link_chome09.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_10 {
background: url("common/images/icon_link_chome10.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_11 {
background: url("common/images/icon_link_chome11.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_12 {
background: url("common/images/icon_link_chome12.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_13 {
background: url("common/images/icon_link_chome13.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.chome_14 {
background: url("common/images/icon_link_chome14.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}

.width10per {
width:10%;
}
.width20per {
width:20%;
}
.width30per {
width:30%;
}
.width35per {
width:35%;
}
.width40per {
width:40%;
}
.width45per {
width:45%;
}
.width50per {
width:50%;
}
.width57per {
width:57%;
}
.width60per {
width:60%;
}
.width65per {
width:65%;
}
.width70per {
width:70%;
}
.width80per {
width:80%;
}
.width90per {
width:90%;
}
.width100per {
width:100%;
}
.width10px {
width:10px;
}
.width20px {
width:20px;
}
.width30px {
width:30px;
}
.width40px {
width:40px;
}
.width50px {
width:50px;
}
.width60px {
width:60px;
}
.width70px {
width:70px;
}
.width80px {
width:80px;
}
.width90px {
width:90px;
}
.width100px {
width:100px;
}
.width150px {
width:150px;
}
.width200px {
width:200px;
}
.width250px {
width:250px;
}
.width300px {
width:300px;
}
.width400px {
width:400px;
}
.width500px {
width:500px;
}
.height10px {
height:10px;
}
.height20px {
height:20px;
}
.height30px {
height:30px;
}
.height40px {
height:40px;
}
.height50px {
height:50px;
}
.height60px {
height:60px;
}
.height70px {
height:70px;
}
.height80px {
height:80px;
}
.height90px {
height:90px;
}
.height100px {
height:100px;
}
.height150px {
height:150px;
}
.height200px {
height:200px;
}
.height250px {
height:250px;
}
.height300px {
height:300px;
}
.height400px {
height:400px;
}
.height500px {
height:500px;
}

.border_dotted_green2px {
border:2px dotted #25b803;
}
.border_solid_black {
border:1px solid #333333;
}
.border_top_dotted {
border-top:1px dotted #DDDDDD;
}
.border_btm_dotted {
border-bottom:1px dotted #DDDDDD;
}
.border_top_solid {
border-top:1px solid #DDDDDD;
}
.border_btm_solid {
border-bottom:1px solid #DDDDDD;
}
.border_solid_gray {
border:1px solid #555555;
}
.border_solid_moregray {
border:1px solid #BBBBBB;
}

.padding5px {
padding:5px;
}
.padding10px {
padding:10px;
}
.padding15px {
padding:15px;
}
.padding20px {
padding:20px;
}
.padding25px {
padding:25px;
}
.padding30px {
padding:30px;
}
.padding40px {
padding:40px;
}
.padding50px {
padding:50px;
}

.margin5px {
margin:5px;
}
.margin10px {
margin:10px;
}
.margin15px {
margin:15px;
}
.margin20px {
margin:20px;
}
.margin25px {
margin:25px;
}
.margin30px {
margin:30px;
}
.margin40px {
margin:40px;
}
.margin50px {
margin:50px;
}

.paddingtop5px {
padding-top:5px;
}
.paddingtop10px {
padding-top:10px;
}
.paddingtop15px {
padding-top:15px;
}
.paddingtop20px {
padding-top:20px;
}
.paddingtop25px {
padding-top:25px;
}
.paddingtop30px {
padding-top:30px;
}
.paddingtop40px {
padding-top:40px;
}
.paddingtop50px {
padding-top:50px;
}

.margintop5px {
margin-top:5px;
}
.margintop10px {
margin-top:10px;
}
.margintop15px {
margin-top:15px;
}
.margintop20px {
margin-top:20px;
}
.margintop25px {
margin-top:25px;
}
.margintop30px {
margin-top:30px;
}
.margintop40px {
margin-top:40px;
}
.margintop50px {
margin-top:50px;
}

.paddingbtm5px {
padding-bottom:5px;
}
.paddingbtm10px {
padding-bottom:10px;
}
.paddingbtm15px {
padding-bottom:15px;
}
.paddingbtm20px {
padding-bottom:20px;
}
.paddingbtm25px {
padding-bottom:25px;
}
.paddingbtm30px {
padding-bottom:30px;
}
.paddingbtm40px {
padding-bottom:40px;
}
.paddingbtm50px {
padding-bottom:50px;
}

.marginbtm5px {
margin-bottom:5px;
}
.marginbtm10px {
margin-bottom:10px;
}
.marginbtm15px {
margin-bottom:15px;
}
.marginbtm20px {
margin-bottom:20px;
}
.marginbtm25px {
margin-bottom:25px;
}
.marginbtm30px {
margin-bottom:30px;
}
.marginbtm40px {
margin-bottom:40px;
}
.marginbtm50px {
margin-bottom:50px;
}

.paddingtb5px {
padding:5px 0;
}
.paddingtb10px {
padding:10px 0;
}
.paddingtb15px {
padding:15px 0;
}
.paddingtb20px {
padding:20px 0;
}
.paddingtb25px {
padding:25px 0;
}
.paddingtb30px {
padding:30px 0;
}
.paddingtb40px {
padding:40px 0;
}
.paddingtb50px {
padding:50px 0;
}

.margintb5px {
margin:5px 0;
}
.margintb10px {
margin:10px 0;
}
.margintb15px {
margin:15px 0;
}
.margintb20px {
margin:20px 0;
}
.margintb25px {
margin:25px 0;
}
.margintb30px {
margin:30px 0;
}
.margintb40px {
margin:40px 0;
}
.margintb50px {
margin:50px 0;
}


.paddinglr5px {
padding:0 5px;
}
.paddinglr10px {
padding:0 10px;
}
.paddinglr15px {
padding:0 15px;
}
.paddinglr20px {
padding:0 20px;
}
.paddinglr25px {
padding:0 25px;
}
.paddinglr30px {
padding:0 30px;
}
.paddinglr40px {
padding:0 40px;
}
.paddinglr50px {
padding:0 50px;
}

.marginlr5px {
margin:0 5px;
}
.marginlr10px {
margin:0 10px;
}
.marginlr15px {
margin:0 15px;
}
.marginlr20px {
margin:0 20px;
}
.marginlr25px {
margin:0 25px;
}
.marginlr30px {
margin:0 30px;
}
.marginlr40px {
margin:0 40px;
}
.marginlr50px {
margin:0 50px;
}

.marginleft5px {
margin-left:5px;
}
.marginleft10px {
margin-left:10px;
}
.marginleft15px {
margin-left:15px;
}
.marginleft20px {
margin-left:20px;
}
.marginleft25px {
margin-left:25px;
}
.marginleft30px {
margin-left:30px;
}
.marginleft40px {
margin-left:40px;
}
.marginleft50px {
margin-left:50px;
}

.marginright5px {
margin-right:5px;
}
.marginright10px {
margin-right:10px;
}
.marginright15px {
margin-right:15px;
}
.marginright20px {
margin-right:20px;
}
.marginright25px {
margin-right:25px;
}
.marginright30px {
margin-right:30px;
}
.marginright40px {
margin-right:40px;
}
.marginright50px {
margin-right:50px;
}

.paddingleft5px {
padding-left:5px;
}
.paddingleft10px {
padding-left:10px;
}
.paddingleft15px {
padding-left:15px;
}
.paddingleft20px {
padding-left:20px;
}
.paddingleft25px {
padding-left:25px;
}
.paddingleft30px {
padding-left:30px;
}
.paddingleft40px {
padding-left:40px;
}
.paddingleft50px {
padding-left:50px;
}

.paddingright5px {
padding-right:5px;
}
.paddingright10px {
padding-right:10px;
}
.paddingright15px {
padding-right:15px;
}
.paddingright20px {
padding-right:20px;
}
.paddingright25px {
padding-right:25px;
}
.paddingright30px {
padding-right:30px;
}
.paddingright40px {
padding-right:40px;
}
.paddingright50px {
padding-right:50px;
}

div.kadomaru {
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */

   border: 1px green solid;     /* 枠線の装飾 */
   /* background-color: #ccffcc;   背景色 */
}


/* 以下、デザインCSS
----------------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,hr,p,ul,ol,li,table,th,td,div,address {
margin:0;
padding:0;
}

p,th,td,ul,ol,dt,dd,input {
text-align:left;
/*font-size:75%;
/* font-size:85%; */
line-height:1.6em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
p,th,td,ul,ol,inpu {
text-align:left;
/*font-size:85%; */
line-height:1.4em;
}
}

table {
border-collapse: collapse;
border-spacing: 0;
}

table th,
table td {
padding:5px;
}

img {
border:0;
vertical-align:middle;
}

a {
color:#7c250e;
text-decoration:none;
}

a:hover {
color:#7c250e;
text-decoration:underline;
}

html {
color:#333333;
font-weight:normal;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo;
height:100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
html {
color:#333333;
font-weight:normal;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
height:100%;
}
}

body {
height:100%;
background:#bae8ee;
}

.section,
.article,
.header,
.footer {
display:block;
}

.section {
width:980px;
min-height:100%;
margin:0 auto;
position:relative;
background:#fffbd3;
}

.clear {
clear:both;
font-size:0;
height:0;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 90%;
    opacity: 0.6;
    z-index:1;
}
#page-top a {
    background: #59a82d;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 35px;
}



/* header */

#header {
width:100%;
}
#head_line {
//background-color:#ffcf35;
}
#h1_style{
font-size:11px;
color:#764d2b;
font-weight:normal;
}



.header {
width:980px;
height:130px;
background:url(common/images/line.gif) left bottom repeat-x;
padding:10px 0;
}

.header h1,
.header h1 a,
.header p,
.header p a {
float:left;
}

.header h1 {
width:410px;
height:108px;
margin-left:20px;
}

.header h1 a {
background:url(common/images/logo.jpg) no-repeat;
width:410px;
height:108px;
display:block;
text-indent:-9999px;
}

.header p#head_btn_01,
.header p#head_btn_02 {
width:97px;
height:97px;
margin:10px 0 0 5px;
}

.header p#head_btn_01 a {
background:url(common/images/btn_01.jpg) no-repeat;
width:97px;
height:97px;
display:block;
text-indent:-9999px;
}

.header p#head_btn_01 a:hover {
background:url(common/images/btn_01_on.jpg) no-repeat;
width:97px;
height:97px;
display:block;
text-indent:-9999px;
}

.header p#head_btn_02 a {
background:url(common/images/btn_02.jpg) no-repeat;
width:97px;
height:97px;
display:block;
text-indent:-9999px;
}

.header p#head_btn_02 a:hover {
background:url(common/images/btn_02_on.jpg) no-repeat;
width:97px;
height:97px;
display:block;
text-indent:-9999px;
}

/* article */

.article {
margin:10px 0 50px;
}

/* index_side */

.index_side {
width:310px;
display:inline-block;
}

.index_side h2 {
margin-bottom:5px;
}

.index_side #category {
margin:0 0 15px 25px;
}

.index_side #category td {
padding:0;
}

.index_side #category td#icon_01 a {
background:url(common/images/index/icon_01.jpg) no-repeat;
width:94px;
height:100px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_01 a:hover {
background:url(common/images/index/icon_01_on.jpg) no-repeat;
width:94px;
height:100px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_02 a {
background:url(common/images/index/icon_02.jpg) no-repeat;
width:97px;
height:100px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_02 a:hover {
background:url(common/images/index/icon_02_on.jpg) no-repeat;
width:97px;
height:100px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_03 a {
background:url(common/images/index/icon_03.jpg) no-repeat;
width:95px;
height:100px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_03 a:hover {
background:url(common/images/index/icon_03_on.jpg) no-repeat;
width:95px;
height:100px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_04 a {
background:url(common/images/index/icon_04.jpg) no-repeat;
width:94px;
height:106px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_04 a:hover {
background:url(common/images/index/icon_04_on.jpg) no-repeat;
width:94px;
height:106px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_05 a {
background:url(common/images/index/icon_05.jpg) no-repeat;
width:97px;
height:106px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_05 a:hover {
background:url(common/images/index/icon_05_on.jpg) no-repeat;
width:97px;
height:106px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_06 a {
background:url(common/images/index/icon_06.jpg) no-repeat;
width:95px;
height:106px;
display:block;
text-indent:-9999px;
}

.index_side #category td#icon_06 a:hover {
background:url(common/images/index/icon_06_on.jpg) no-repeat;
width:95px;
height:106px;
display:block;
text-indent:-9999px;
}

.index_side #mori {
margin:0 0 25px 30px;
background:url(common/images/index/mori_back.jpg) no-repeat;
width:240px;
height:178px;
padding:20px 10px;
}

.index_side #mori h3 {
margin-bottom:10px;
}

.index_side #mori #bnr_01 {
padding-bottom:5px;
}

.index_side #mori #bnr_01 a {
background:url(common/images/index/mori_bnr_01.jpg) no-repeat;
width:232px;
height:55px;
display:block;
text-indent:-9999px;
}

.index_side #mori #bnr_01 a:hover {
background:url(common/images/index/mori_bnr_01_on.jpg) no-repeat;
width:232px;
height:55px;
display:block;
text-indent:-9999px;
}

.index_side #mori #bnr_02 a {
background:url(common/images/index/mori_bnr_02.jpg) no-repeat;
width:232px;
height:55px;
display:block;
text-indent:-9999px;
}

.index_side #mori #bnr_02 a:hover {
background:url(common/images/index/mori_bnr_02_on.jpg) no-repeat;
width:232px;
height:55px;
display:block;
text-indent:-9999px;
}

.index_side #banner {
margin:0 0 0 30px;
}

.index_side #banner #bnr_11 {
padding-bottom:10px;
}

.index_side #banner #bnr_11 a {
background:url(common/images/index/bnr_01.jpg) no-repeat;
width:260px;
height:73px;
display:block;
text-indent:-9999px;
}

.index_side #banner #bnr_11 a:hover {
background:url(common/images/index/bnr_01_on.jpg) no-repeat;
width:260px;
height:73px;
display:block;
text-indent:-9999px;
}

.index_side #banner #bnr_12 a {
background:url(common/images/index/bnr_02.jpg) no-repeat;
width:259px;
height:73px;
display:block;
text-indent:-9999px;
}

.index_side #banner #bnr_12 a:hover {
background:url(common/images/index/bnr_02_on.jpg) no-repeat;
width:259px;
height:73px;
display:block;
text-indent:-9999px;
}

/* side */

.side {
width:240px;
display:inline-block;
}

.side h2 {
margin-bottom:5px;
}

.side #category {
margin:0 0 15px 15px;
}

.side #category td {
padding:0;
}

.side #category td#icon_01 a {
background:url(common/images/icon_01.jpg) no-repeat;
width:69px;
height:76px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_01 a:hover {
background:url(common/images/icon_01_on.jpg) no-repeat;
width:69px;
height:76px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_01_now a {
background:url(common/images/icon_01_now.jpg) no-repeat;
width:69px;
height:76px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_02 a {
background:url(common/images/icon_02.jpg) no-repeat;
width:74px;
height:76px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_02 a:hover {
background:url(common/images/icon_02_on.jpg) no-repeat;
width:74px;
height:76px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_02_now a {
background:url(common/images/icon_02_now.jpg) no-repeat;
width:74px;
height:76px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_03 a {
background:url(common/images/icon_03.jpg) no-repeat;
width:68px;
height:76px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_03 a:hover {
background:url(common/images/icon_03_on.jpg) no-repeat;
width:68px;
height:76px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_03_now a {
background:url(common/images/icon_03_now.jpg) no-repeat;
width:68px;
height:76px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_04 a {
background:url(common/images/icon_04.jpg) no-repeat;
width:69px;
height:83px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_04 a:hover {
background:url(common/images/icon_04_on.jpg) no-repeat;
width:69px;
height:83px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_04_now a {
background:url(common/images/icon_04_now.jpg) no-repeat;
width:69px;
height:83px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_05 a {
background:url(common/images/icon_05.jpg) no-repeat;
width:83px;
height:82px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_05 a:hover {
background:url(common/images/icon_05_on.jpg) no-repeat;
width:83px;
height:82px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_05_now a {
background:url(common/images/icon_05_now.jpg) no-repeat;
width:83px;
height:82px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_06 a {
background:url(common/images/icon_06.jpg) no-repeat;
width:68px;
height:82px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_06 a:hover {
background:url(common/images/icon_06_on.jpg) no-repeat;
width:68px;
height:82px;
display:block;
text-indent:-9999px;
}

.side #category td#icon_06_now a {
background:url(common/images/icon_06_now.jpg) no-repeat;
width:68px;
height:82px;
display:block;
text-indent:-9999px;
}

.side #mori {
margin:0 0 15px 20px;
background:url(common/images/mori_back.jpg) no-repeat;
/*
width:185px;
height:142px;
*/
padding:15px 10px;
}

.side #mori h3 {
margin-bottom:8px;
}

.side #mori #bnr_01 {
padding-bottom:5px;
}

.side #mori #bnr_01 a {
background:url(common/images/mori_bnr_01.jpg) no-repeat;
width:183px;
height:43px;
display:block;
text-indent:-9999px;
}

.side #mori #bnr_01 a:hover {
background:url(common/images/mori_bnr_01_on.jpg) no-repeat;
width:183px;
height:43px;
display:block;
text-indent:-9999px;
}

.side #mori #bnr_02 a {
background:url(common/images/mori_bnr_02.jpg) no-repeat;
width:183px;
height:44px;
display:block;
text-indent:-9999px;
}

.side #mori #bnr_02 a:hover {
background:url(common/images/mori_bnr_02_on.jpg) no-repeat;
width:183px;
height:44px;
display:block;
text-indent:-9999px;
}

.side #banner {
margin:0 0 0 20px;
}

.side #banner #bnr_11 {
padding-bottom:10px;
}

.side #banner #bnr_11 a {
background:url(common/images/bnr_01.jpg) no-repeat;
width:205px;
height:58px;
display:block;
text-indent:-9999px;
}

.side #banner #bnr_11 a:hover {
background:url(common/images/bnr_01_on.jpg) no-repeat;
width:205px;
height:58px;
display:block;
text-indent:-9999px;
}

.side #banner #bnr_12 a {
background:url(common/images/bnr_02.jpg) no-repeat;
width:205px;
height:57px;
display:block;
text-indent:-9999px;
}

.side #banner #bnr_12 a:hover {
background:url(common/images/bnr_02_on.jpg) no-repeat;
width:205px;
height:57px;
display:block;
text-indent:-9999px;
}

/* index_main */

.index_main {
width:600px;
float:right;
padding:0 25px;
}

/* tabs */

#javascript_tab_sample_top {
margin-bottom:30px;
}

#javascript_tab_sample_top ul#tab li a#tab01 {
background:url(common/images/index/index_tab_01.jpg) no-repeat center bottom;
width:214px;
height:34px;
display:block;
text-indent:-9999px;
}

#javascript_tab_sample_top ul#tab li.selected a#tab01 {
background:url(common/images/index/index_tab_01_on.jpg) no-repeat center bottom;
width:214px;
height:34px;
display:block;
text-indent:-9999px;
}

#javascript_tab_sample_top ul#tab li a#tab02 {
background:url(common/images/index/index_tab_02.jpg) no-repeat center bottom;
width:214px;
height:34px;
display:block;
text-indent:-9999px;
}

#javascript_tab_sample_top ul#tab li.selected a#tab02 {
background:url(common/images/index/index_tab_02_on.jpg) no-repeat center bottom;
width:214px;
height:34px;
display:block;
text-indent:-9999px;
}

#tab {
margin-left:10px;
}

#tab li {
list-style:none;
float:left;
}

#top {
background:url(common/images/index/index_tab_back_01.jpg) no-repeat;
width:603px;
height:123px;
padding-top:10px;
clear:both;
}

#top dd ul li,
#page2 dd ul li {
list-style:none;
float:left;
margin-right:15px;
}

#top dd ul li.icon_01 a {
background:url(common/images/index/tab_icon_01_01.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_01 a:hover {
background:url(common/images/index/tab_icon_01_01_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_02 a {
background:url(common/images/index/tab_icon_01_02.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_02 a:hover {
background:url(common/images/index/tab_icon_01_02_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_03 a {
background:url(common/images/index/tab_icon_01_03.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_03 a:hover {
background:url(common/images/index/tab_icon_01_03_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_04 a {
background:url(common/images/index/tab_icon_01_04.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_04 a:hover {
background:url(common/images/index/tab_icon_01_04_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_05 a {
background:url(common/images/index/tab_icon_01_05.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_05 a:hover {
background:url(common/images/index/tab_icon_01_05_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_06 a {
background:url(common/images/index/tab_icon_01_06.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#top dd ul li.icon_06 a:hover {
background:url(common/images/index/tab_icon_01_06_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 {
background:url(common/images/index/index_tab_back_02.jpg) no-repeat;
width:603px;
height:123px;
padding-top:10px;
clear:both;
}

#page2 dd ul li.icon_01 a {
background:url(common/images/index/tab_icon_02_01.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_01 a:hover {
background:url(common/images/index/tab_icon_02_01_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_02 a {
background:url(common/images/index/tab_icon_02_02.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_02 a:hover {
background:url(common/images/index/tab_icon_02_02_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_03 a {
background:url(common/images/index/tab_icon_02_03.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_03 a:hover {
background:url(common/images/index/tab_icon_02_03_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_04 a {
background:url(common/images/index/tab_icon_02_04.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_04 a:hover {
background:url(common/images/index/tab_icon_02_04_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_05 a {
background:url(common/images/index/tab_icon_02_05.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_05 a:hover {
background:url(common/images/index/tab_icon_02_05_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_06 a {
background:url(common/images/index/tab_icon_02_06.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

#page2 dd ul li.icon_06 a:hover {
background:url(common/images/index/tab_icon_02_06_on.jpg) no-repeat;
width:77px;
height:101px;
display:block;
text-indent:-9999px;
}

/* today_photo */

#today_photo {
background:url(common/images/index/today_back.jpg) no-repeat;
width:573px;
height:300px;
padding:10px 20px 20px 20px;
position:relative;
}

#today_photo .button {
position:absolute;
bottom:22px;
right:28px;
}

#today_photo .button a {
background:url(common/images/index/today_btn.jpg) no-repeat;
width:123px;
height:41px;
display:block;
text-indent:-9999px;
}

#today_photo .button a:hover {
background:url(common/images/index/today_btn_on.jpg) no-repeat;
width:123px;
height:41px;
display:block;
text-indent:-9999px;
}

/* news */

#news {
margin-top:20px;
}

.news_con {
background:#dbd8ad;
padding:10px 20px;
}

.news_con table th {
padding:0 10px 0 2px;
font-size:80%;
width:115px;
}

.news_con table td {
padding:0;
font-size:80%;
}

.news_con table td a {
color:#333333;
}

/* main */

.main {
width:680px;
float:right;
padding:0 20px;
}

/* pan */

.pan {
font-size:75%;
margin-bottom:10px;
}


/* list_tit_stage */

.list_tit {
width:100%;
height:170px;
}

#list_tit_stage {
background:url(common/images/list/list_tit_stage.png) no-repeat left top;
}

.list_tit h2 {
display:block;
text-indent:-9999px;
height:75px;
}

.list_tit ul {
margin-left:110px;
width:500px;
display:inline-block;
}

.list_tit ul li {
list-style:none;
width:239px;
height:39px;
float:left;
margin-right:10px;
}

#list_tit_stage ul li#list_05_01 a {
background:url(common/images/list/list_btn_stage_01.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_01 a:hover {
background:url(common/images/list/list_btn_stage_01_on.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_01_now a {
background:url(common/images/list/list_btn_stage_01_now.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_02 a {
background:url(common/images/list/list_btn_stage_02.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_02 a:hover {
background:url(common/images/list/list_btn_stage_02_on.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_02_now a {
background:url(common/images/list/list_btn_stage_02_now.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_03 a {
background:url(common/images/list/list_btn_stage_03.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_03 a:hover {
background:url(common/images/list/list_btn_stage_03_on.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_03_now a {
background:url(common/images/list/list_btn_stage_03_now.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_04 a {
background:url(common/images/list/list_btn_stage_04.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_04 a:hover {
background:url(common/images/list/list_btn_stage_04_on.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_stage ul li#list_05_04_now a {
background:url(common/images/list/list_btn_stage_04_now.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}


/* list_tit_service */

.list_tit {
width:100%;
height:120px;
}
#list_tit_stage {
background:url(common/images/list/list_tit_stage.png) no-repeat left top;
}
#list_tit_mokuteki {
background:url(common/images/list/list_tit_mokuteki.png) no-repeat left top;
}
#list_tit_hojo {
background:url(common/images/list/list_tit_hojo.png) no-repeat left top;
}
#list_tit_shisetsu {
background:url(common/images/list/list_tit_shisetsu.png) no-repeat left top;
}
#list_tit_basho {
background:url(common/images/list/list_tit_basho.png) no-repeat left top;
}
#list_tit_bosai {
background:url(common/images/list/list_tit_bosai.png) no-repeat left top;
}
#list_tit_nanairo {
background:url(common/images/list/list_tit_nanairo.png) no-repeat left top;
}
#list_tit_kosodatenavi {
background:url(common/images/list/list_tit_kosodatenavi.png) no-repeat left top;
}
#list_tit_event {
background:url(common/images/list/list_tit_event.png) no-repeat left top;
}
#list_tit_yomimono {
background:url(common/images/list/list_tit_yomimono.png) no-repeat left top;
}
#list_tit_yomimono_murap {
background:url(common/images/list/list_tit_murap.png) no-repeat left top;
}
#list_tit_yomimono_cororepo {
background:url(common/images/list/list_tit_cororepo.png) no-repeat left top;
}
#list_tit_yomimono_daisenpai {
background:url(common/images/list/list_tit_daisenpai.png) no-repeat left top;
}
#list_tit_yomimono_tokotoko {
background:url(common/images/list/list_tit_tokotoko.png) no-repeat left top;
}
#list_tit_yomimono_shuzaishitai {
background:url(common/images/list/list_tit_yomimono.png) no-repeat left top;
}
#list_tit_yomimono_columnreport {
background:url(common/images/list/list_tit_yomimono.png) no-repeat left top;
}
#list_tit_yomimono_recipe {
background:url(common/images/list/list_tit_yomimono.png) no-repeat left top;
}
#list_tit_yomimono_ikujihitokoma {
background:url(common/images/list/list_tit_yomimono.png) no-repeat left top;
}
#list_tit_yomimono_omocha {
background:url(common/images/list/list_tit_yomimono.png) no-repeat left top;
}
#list_tit_yomimono_tweet {
background:url(common/images/list/list_tit_yomimono.png) no-repeat left top;
}
#list_tit_shiennavi {
background:url(common/images/list/list_tit_shiennavi.png) no-repeat left top;
}

.list_tit h2 {
display:block;
text-indent:-9999px;
height:75px;
}

.list_tit ul {
margin-left:110px;
width:500px;
display:inline-block;
}

.list_tit ul li {
list-style:none;
width:239px;
height:39px;
float:left;
margin-right:10px;
}

#list_tit_service ul li#list_05_01 a {
background:url(common/images/list/list_btn_service_01.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_01 a:hover {
background:url(common/images/list/list_btn_service_01_on.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_01_now a {
background:url(common/images/list/list_btn_service_01_now.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_02 a {
background:url(common/images/list/list_btn_service_02.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_02 a:hover {
background:url(common/images/list/list_btn_service_02_on.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_02_now a {
background:url(common/images/list/list_btn_service_02_now.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_03 a {
background:url(common/images/list/list_btn_service_03.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_03 a:hover {
background:url(common/images/list/list_btn_service_03_on.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_03_now a {
background:url(common/images/list/list_btn_service_03_now.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_04 a {
background:url(common/images/list/list_btn_service_04.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_04 a:hover {
background:url(common/images/list/list_btn_service_04_on.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}

#list_tit_service ul li#list_05_04_now a {
background:url(common/images/list/list_btn_service_04_now.jpg) no-repeat;
width:239px;
height:39px;
display:block;
text-indent:-9999px;
}



/* list_con */

.list_con {
clear:both;
}

.list_con h2 {
background:url(common/images/list/list_tit_back.jpg) no-repeat left top;
width:616px;
height:46px;
padding:4px 0 0 45px;
font-weight:bold;
font-size:150%;
color:#561200;
margin-bottom:10px;
}

.list_con h2 span {
padding-left:20px;
font-size:60%;
}

.list_con .green {
background:url(common/images/title_green.png) no-repeat left top;
width:616px;
height:46px;
padding:4px 0 0 45px;
font-weight:bold;
font-size:120%;
color:#561200;
margin-bottom:10px;
}
.list_con .orange {
background:url(common/images/title_orange.png) no-repeat left top;
width:616px;
height:46px;
padding:4px 0 0 45px;
font-weight:bold;
font-size:150%;
color:#561200;
margin-bottom:10px;
}
.list_con .blue {
background:url(common/images/title_blue.png) no-repeat left top;
width:616px;
height:46px;
padding:4px 0 0 45px;
font-weight:bold;
font-size:150%;
color:#561200;
margin-bottom:10px;
}
.list_con .yellow {
background:url(common/images/title_yellow.png) no-repeat left top;
width:616px;
height:46px;
padding:4px 0 0 45px;
font-weight:bold;
font-size:150%;
color:#561200;
margin-bottom:10px;
}
.list_con .pink {
background:url(common/images/title_pink.png) no-repeat left top;
width:616px;
height:46px;
padding:4px 0 0 45px;
font-weight:bold;
font-size:150%;
color:#561200;
margin-bottom:10px;
}
.list_con .emerald {
background:url(common/images/title_emerald.png) no-repeat left top;
width:616px;
height:46px;
padding:4px 0 0 45px;
font-weight:bold;
font-size:150%;
color:#561200;
margin-bottom:10px;
}
.list_con .purple {
background:url(common/images/title_purple.png) no-repeat left top;
width:616px;
height:46px;
padding:4px 0 0 45px;
font-weight:bold;
font-size:150%;
color:#561200;
margin-bottom:10px;
}

.list_con h3 span {
padding-left:20px;
font-size:60%;
}

.list_con table {
border-top:1px solid #999999;
border-left:1px solid #999999;
margin-bottom:15px;
}

.list_con table th {
border-right:1px solid #999999;
border-bottom:1px solid #999999;
background:#FFFFFF;
color:#561200;
padding:20px 15px;
}

.list_con table td {
border-right:1px solid #999999;
border-bottom:1px solid #999999;
background:#FFFFFF;
color:#555555;
padding:20px 15px;
}

.list_con table th {
width:150px;
}

.list_con table th a {
padding-left:5px;
}

.list_con table th .icon {
padding-top:5px;
padding-left:10px;
}

.list_con .icon_ex {
color:#561200;
font-size:70%;
padding-left:5px;
padding-bottom:5px;
}


.shisetsutable {
border:0;
font-size:0.8em;
}



/* link sample */
#linksample {
margin:40px 30px 20px 60px;
padding:5px;
border:1px solid #fcb443;
}
#linksample p {
padding:2px;
margin-bottom:10px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
background-color:#a06303;
}

#linksample #li_shiyakusho {
padding-left: 25px;
    padding-right:20px;
    background: url('common/images/icon_link_shiyakusho.png') no-repeat 0px 0em;
    list-style: none;
    float:left;
    margin:8px 0;
}
#linksample #li_popup {
padding-left: 25px;
    padding-right:20px;
    background: url('common/images/icon_link_popup.png') no-repeat 0px 0em;
    list-style: none;
    float:left;
    margin:8px 0;
}
#linksample #li_coro {
padding-left: 25px;
    padding-right:20px;
    background: url('common/images/icon_link_coro.png') no-repeat 0px 0em;
    list-style: none;
    float:left;
    margin:8px 0;
}
#linksample #li_pdf {
padding-left: 25px;
    padding-right:20px;
    background: url('common/images/icon_link_pdf.png') no-repeat 0px 0em;
    list-style: none;
    float:left;
    margin:8px 0;
}
#linksample #li_nana {
padding-left: 25px;
    padding-right:20px;
    background: url('common/images/icon_link_nana.png') no-repeat 0px 0em;
    list-style: none;
    float:left;
    margin:8px 0;
}
#linksample #li_newwindow {
padding-left: 15px;
    padding-right:20px;
    background: url('common/images/icon_link_newwindow.png') no-repeat 0px 0.5em;
    list-style: none;
    float:left;
    margin:8px 0;
}


#submenulink {
padding-left:60px;
margin-bottom:30px;
}

#submenulink .li_wakaba {
list-style-image: url('common/images/icon_wakaba_mini.png');
float:left;
width:100px;
font-weight:bold;
}
#submenulink .li_corone {
list-style-image: url('common/images/icon_corone_mini.png');
float:left;
width:190px;
font-weight:bold;
margin-right: 16px;
}
#submenulink .li_corone2 {
list-style-image: url('common/images/icon_star_mini.png');
float:left;
width:120px;
font-weight:bold;
}
#submenulink .li_pinkstar {
list-style-image: url('common/images/icon_pinkstar_mini.png');
float:left;
font-weight:bold;
/*width:300px; */
width:270px;
margin-right:30px;
}
#submenulink .li_happa {
list-style-image: url('common/images/icon_happa_mini.png');
float:left;
width:100px;
font-weight:bold;
}
#submenulink .li_konchu {
list-style-image: url('common/images/icon_konchu_mini.png');
float:left;
font-weight:bold;
/*width:300px; */
width:270px;
margin-right:30px;
}
#submenulink .li_star {
list-style-image: url('common/images/icon_star_mini.png');
float:left;
width:100px;
font-weight:bold;
}
#submenulink .li_tree {
list-style-image: url('common/images/icon_tree_mini.png');
float:left;
font-weight:bold;
/*width:300px; */
width:270px;
margin-right:30px;
}
#submenulink .li_heart {
list-style-image: url('common/images/icon_heart_mini.png');
float:left;
font-weight:bold;
/*width:300px; */
width:270px;
margin-right:30px;
}
#submenulink .li_heart2 {
list-style-image: url('common/images/icon_heart_mini.png');
}
#submenulink .li_happa2 {
list-style-image: url('common/images/icon_happa_mini.png');
}






/* footer */

.footer {
width:980px;
height:90px;
}
<!--
.footer .foot_link {
float:right;
padding:10px 30px;
}

.footer .foot_link p {
float:left;
margin-left:5px;
}

.footer .foot_link p.txt {
padding-top:15px;
margin-right:10px;
}
-->
.footer .copy {
color:#561200;
clear:both;
font-size:80%;
text-align:right;
padding:15px 25px 0;
/* width:930px; */
height:153px;
background:url(common/images/foot_back.png) left bottom repeat-x;
/*background:url(common/images/foot_back.jpg) left bottom repeat-x; */
}







/* タブ corotab http://allabout.co.jp/gm/gc/23969/
----------------------------------------------------------------------------- */
/* 表示領域全体 */
div.corotabarea div.corotabbox {
	margin:0px;
	padding:0px;
	width:602px;
	height:167px;
}


/* タブ部分 */
.coro_top_tab {
	padding-top:12px;
}

.tab_life {
	background: url("common/images/tab_back_green.png") no-repeat scroll transparent;
}
.tab_moku {
	background: url("common/images/tab_back_orange.png") no-repeat scroll transparent;
}
.coro_top_tab_content {
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:stretch;
	flex-wrap:wrap;
}
.coro_top_tab_life {
	text-align:center;
	width:80px;
	margin:10px;
	font-size:0.8em;
}
.coro_top_tab_life > a > img {
	width:60px;
	margin-bottom:4px;
}
.coro_top_tab_moku {
	text-align:center;
	width:50px;
	margin:8px;
	font-size:0.6em;
}
.coro_top_tab_moku > a > img {
	width:50px;
	margin-bottom:4px;
}





/* 以前のやつ。後で消す　*/



/* 表示領域全体 */
div.corotabarea div.corotabbox {
margin:0px;
padding:0px;
width:602px;
height:167px;
}

タブ部分
div.corotabarea p.corotabs {
margin:0px;
padding:0px;
}
div.corotabarea p.corotabs a {
display: block;
float: left;
margin: 0px 1px 0px 10px;
padding: 0px;
text-align: left;
height:34px;
}
div.corotabarea p.corotabs a.corotab1 {
}
div.corotabarea p.corotabs a.corotab2 {
}
div.corotabarea p.corotabs a.corotab3 {
background-color: red;
color: white;
}
div.corotabarea p.corotabs a:hover {
color: yellow;
text-decoration: underline;
}

div.corotabarea div.corotab {
height:135px;
clear: left;
}
div.corotabarea div#corotab1 {
background: url("common/images/tab_back_green.png") no-repeat scroll transparent;
}
div.corotabarea div#corotab2 {
background: url("common/images/tab_back_orange.png") no-repeat scroll transparent;
}
div.corotabarea div#corotab3 {
}
div.corotabarea div.corotab p {
margin: 0.5em;
}












/* 読み物
----------------------------------------------------------------------------- */
/* 本文中の画像装飾 */
.wp-caption {
font-size:70%;
}
.wp-caption img{
padding:3px;
border:1px solid #999999;
background-color: #FFFFFF;
}
.yomimono-content {
	word-break: break-all;
}
.yomimono-content > ol,ul {
	padding-left: 20px;
}
.yomimono-content > ol,ul > li {
	padding-bottom: 10px;
}

/* 読ものカテゴリ */
.yomimono_cate a {
color:#10b63c;
}

/* 読もの一覧 */
.yomimono_kiji_list {
padding:5px;
margin-bottom: 20px;
background-color: #FFFFFF;
}
.yomimono_title {
font-size:120%;
padding: 3px;
}
.yomimono_title a {
color: #469804 !important;
font-weight: bold !important;
}
.yomimono_kiji {
font-size: 90%;
padding: 5px;
}
.yomimono_kiji a{
color:#333333;
}
.yomimono_cate {
text-align: right;
padding: 5px;
}


/* 読もの：むらっぷ */
.rightmenu li {
list-style-type: none;
}
.rightmenu .g1 {
color: #ff6600;
font-weight: bold;
list-style-image: url("common/images/icon_tulip.png");
margin-left: 30px;
padding-bottom: 10px;
padding-top: 20px;
}

/* カテゴリリンク */
.category_link {
color:#005d19;
}
.category_link {
list-style-image: url("common/images/icon_wakaba_mini.png");
list-style-position: outside;
display: inline;
}
.category_link li {
display: inline;
margin-right: 20px;
}


/* バックナンバー */
.backnumber_title {
color:#005d19;
}
.backnumber_li {
list-style-image: url("common/images/icon_wakaba_mini.png");
list-style-position: outside;
padding-left: 20px;
}



/* トップページ　読み物 */
.miniphoto {
margin:0 10px 10px 10px;
padding:3px;
border:1px solid #333333;
}
.line_btm_orange {
border-bottom:1px solid #ffcc99;
}
.the_excerpt {
min-height:80px;
}
.the_excerpt p{
font-size:77%;
}
.yomimono_more {
text-align:center;
background-color:#ffffcc;
border-bottom:1px solid #333333;
border-right:1px solid #333333;
border-left:1px solid #333333;
padding:5px;
}
.category_li {
list-style-position:outside;
padding-left:20px;
list-style-image:url('common/images/icon_arrow_green.png');
}
.category_li li {
font-size:80%;
}



/* お店情報
----------------------------------------------------------------------------- */
.shopinfo_table {
	width:96%;
	margin:8px auto;
	border: 1px solid #fdbe80;
	padding: 10px;
}
.shopinfo_table > .spot_name > label {
	padding:6px 0;
	color:#068e2a;
	display:block;
	font-size:1.2em;
	font-weight:600;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    }
.shopinfo_table > .spot_name > label:hover {
	background-color:#FFFFFF;
}
.shopinfo_table > .icon_shoten {
	background: url(common/images/icon_shoten.png) no-repeat scroll left top transparent;
    padding-left:30px;
}
.shopinfo_table > .icon_inshoku {
	background: url(common/images/icon_inshoku.png) no-repeat scroll left top transparent;
    padding-left:30px;
}
.shopinfo_table > .nominate {
	margin-top:6px;
	background: url(common/images/icon_nominate.png) no-repeat scroll left 3px transparent;
    padding-left:24px;
}
.shopinfo_table .ico-year {
	padding:1px 4px;
	font-size:0.8em;
	border:1px solid #fbbd00;
	background-color:#fefc67;
	margin-right:6px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
}
.shopinfo_table > .maplink {
	margin-top:8px;
	background: url(common/images/icon_map.png) no-repeat scroll left top transparent;
    padding-left:24px;
}
.shopinfo_table > .maplink > a {
	background: url("common/images/icon_targetblank.png") no-repeat scroll right 3px transparent;
	padding-right: 12px;
}
.shopinfo_table > .tel {
	margin-top:6px;
}
.shopinfo_table > .tel > span {
	background: url(common/images/icon_call.png) no-repeat scroll left 3px transparent;
    padding-left:24px;
}
.shopinfo_table > .web {
	margin-top:6px;
}
.shopinfo_table > .web > span {
	background: url(common/images/icon_web.png) no-repeat scroll left 3px transparent;
    padding-left:24px;
}
.shopinfo_table .comment {
	background: url(common/images/icon_comment.png) no-repeat scroll left 3px transparent;
    padding-left:24px;
    margin-top:6px;
}


/* クチコミ表示用アコーディオン */
.acd-check{
	display: none;
}
.acd-label{
	display: block;
	margin-bottom: 1px;
	cursor: pointer;
}
.acd-content{
	border: 1px solid #068e2a;
	background-color:#FFFFFF;
	font-size:0.9em;
	height: 0;
	opacity: 0;
	padding: 0 10px;
	transition: .5s;
	visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
	height: auto;
	opacity: 1;
	padding: 10px;
	visibility: visible;
}
.acd-content > ul li {
	list-style-type:none;
	margin-top:6px;
	background: url(common/images/icon_face.png) no-repeat scroll left top transparent;
    padding-left:28px;
}




/* ページング Prime Strategy Page Navi
----------------------------------------------------------------------------- */
.page-nav {
text-align: center;
}
.page-nav li {
display: inline;
list-style: none outside none;
}
.page-nav li a {
border: 1px solid rgb(230,230,230);
color: rgb(102,102,102);
text-decoration: none;
border-radius: 3px;
}

.page-nav li a:hover {
border: 1px solid rgb(230,230,230);
}
.page-nav li a:active {
box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
top:1px;
}

.page-nav li.current span {
border: 1px solid rgb(186,166,132);
color: rgb(121,81,15);
font-weight: bold;
border-radius: 3px;
}
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
background: rgb(248,248,248);
border: 1px solid rgb(230,230,230);
color: rgb(180,180,180);
text-decoration: none;
border-radius: 3px;
}

.page-nav li.page_nums span {
background: rgb(102,102,102);
border: 1px solid rgb(51,51,51);
color: rgb(255,255,255);
}
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
padding: 0.25em 0.8em;
display: inline-block;
position:relative;
}

.pages-link {
text-align: center;
}
.pages-link a span {
border: 1px solid rgb(230,230,230);
color: rgb(102,102,102);
text-decoration: none;
font-weight: normal;
}
.pages-link span {
border: 1px solid rgb(186,166,132);
color: rgb(121,81,15);
font-weight: bold;
border-radius: 3px;
padding: 0.25em 0.8em;
display: inline-block;
position:relative;
}
.pages-link a:hover span {
border: 1px solid rgb(230,230,230);
}
.pages-link a:active span {
box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
top:1px;
}



/* Multi Device Switcher
http://blog.thingslabo.com/archives/000314.html
----------------------------------------------------------------------------- */
.pc-switcher a, .pc-switcher span {
padding: 0.2em 3% !important;
}
.pc-switcher {
position: relative;
top:30px;
}





/* アワード　table
----------------------------------------------------------------------------- */
table.award_table {
	border:1px solid #333333;
}
table.award_table th {
	background-color:#17c300;
	color:#FFFFFF;
}
table.award_table td {
	background-color:#FFFFFF;
}
table.award_table td.shopname {
	font-size:13px;
	font-weight:bold;
}
table.award_table td.message {
	font-size:12px;
}
table.award_table td.count {
	text-align:center;
	font-size:12px;
}

/* アワード　投票ボタン　デザイン
----------------------------------------------------------------------------- */
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.btn,
a.btn,
button.btn {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}
a.btn--orange {
	color: #fff;
	background-color: #eb6100;
	border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover {
	margin-top: 3px;
	color: #fff;
	background: #f56500;
	border-bottom: 2px solid #b84c00;
}
a.btn--shadow {
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}



/* アワード　ol　デザイン
----------------------------------------------------------------------------- */
/* 初期設定 */
ol.award_manual {
  position: relative;
  margin: 0;
  padding: 0 10px 0 6px;
  list-style: none;
  font-weight: bold;
}
ol.award_manual li {
  position: relative;
  margin: 12px 20px 0 24px;
  padding: 0;
  line-height: 1.5;
}
ul.award_manual {
  position: relative;
  margin: 0;
  padding: 0 10px 0 6px;
  list-style: none;
  font-weight: bold;
}
ul.award_manual li {
  position: relative;
  margin: 12px 20px 0 24px;
  padding: 0;
  line-height: 1.5;
}

/* ol デザイン */
ol.award_manual {
  counter-reset: li;
}
ol.award_manual > li:before {
  position: absolute;
  font-weight: bold;
  counter-increment: li;
  content: "";
  left: -28px;
  top: 2px;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 14px;
  text-align: center;
  border-radius: 100%;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1;
  background: #ffc33c;
  padding: 6px 0;
}


/* 初期設定 */
ol.award_manual {
  position: relative;
  margin: 0;
  padding: 0 10px 0 6px;
  list-style: none;
  font-weight: bold;
}
ol.award_manual li {
  position: relative;
  margin: 12px 20px 0 24px;
  padding: 0;
  line-height: 1.5;
}

/* ul デザイン */
ul.award_manual {
  counter-reset: li;
}
ul.award_manual > li:before {
  position: absolute;
  font-weight: bold;
  counter-increment: li;
  content: counter(li) "";
  left: -34px;
  top: -1px;
  color: #fff;
  width: 24px;
  height: 24px;
  font-size: 14px;
  text-align: center;
  border-radius: 100%;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1;
  background: #ffc33c;
  padding: 6px 0;
}





















/* css end ---------------------------------------------------------------------- */