@charset "UTF-8";
/* CSS Document */



/*
----------------------------------------------------------------------------------------
  リンクカラー設定
----------------------------------------------------------------------------------------
*/

a img {
	border: 0;
}

a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

a {
	color: #976029;
	text-decoration: underline;
}

a:link {
	color: #976029;
}

a:active {
	color: #976029;
}

a:visited {
	color: #976029;
}

a:hover {
	position: relative;
	left: 1px;
	top: 1px;
	text-decoration: none;
}


/*
----------------------------------------------------------------------------------------
  見出し設定
----------------------------------------------------------------------------------------
*/

h2,h3,h4,h5,h6 {
	clear: both;
}

h2	{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfcf6+0,ede3be+100 */
	background: rgb(253,252,246); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(253,252,246,1) 0%, rgba(237,227,190,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,252,246,1)), color-stop(100%,rgba(237,227,190,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(253,252,246,1) 0%,rgba(237,227,190,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(253,252,246,1) 0%,rgba(237,227,190,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(253,252,246,1) 0%,rgba(237,227,190,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(253,252,246,1) 0%,rgba(237,227,190,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcf6', endColorstr='#ede3be',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #efdb97;
	color: #725637;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px -15px;
	padding: 15px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	  -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	  -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	width: 100%;
}

#main h3 {
	background: #F26964;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0;
	padding: 15px 10px;
}

.single #main h3,.page #main h3 {
	background: none;
	border-bottom: 2px solid #d0c4a5;
	box-shadow: 0 1px #FFF,0 2px #d0c4a5;
	  -webkit-box-shadow: 0 1px #FFF,0 2px #d0c4a5;
	  -moz-box-shadow: 0 1px #FFF,0 2px #d0c4a5;
	color: #877403;
	font-size: 16px;
	margin: 20px 0;
	padding: 15px 10px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	  -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	  -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

h4	{
}

#main h4 {
	border-left: 1px solid #d0c4a5;
	box-shadow: -1px 0 #F5F5F5,-3px 0 #d0c4a5;
	  -webkit-box-shadow: -1px 0 #F5F5F5,-3px 0 #d0c4a5;
	  -moz-box-shadow: -1px 0 #F5F5F5,-3px 0 #d0c4a5;
	color: #ae8f16;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	margin: 20px 0 10px;
	padding-left: 15px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	  -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	  -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.Title_arrow {
	background-image: url("../img/h6.png");
	background-position: left 6px;
	background-repeat: no-repeat;
	color: #ae8f16;
	font-weight: bold;
	line-height: 180%;
	margin: 5px 0;
	padding-left: 18px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	  -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	  -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}


.Title_border {
	border-bottom: 2px dotted #999;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 380px;
}


.Title_link {
	background-image: url("../img/title_link.png");
	background-repeat: repeat;
	font-size: 30px;
	font-weight: bold;
	margin: 40px 0;
	padding: 12px 30px 10px;
	position: relative;
}

.Title_link:before {
	content: "";
	background: url("../img/title_link_before.png") no-repeat;
	height: 10px;
	position: absolute;
	left: 0;
	top: -10px;
	width: 100%;
}

.Title_link:after {
	content: "";
	background: url("../img/title_link_after.png") no-repeat;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
}

.Title_link a {
	color: #006DFE;
	text-decoration: none;
}

.Title_link a:hover {
	color: #2A98ED;
}

.Title_rank1,
.Title_rank2,
.Title_rank3,
.Title_rank4,
.Title_rank5,
.Title_rank6 {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.3;
	margin: 6px 0;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	  -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	  -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.Title_rank1,
.Title_rank2,
.Title_rank3 {
	padding: 22px 0 18px 70px;
}

.Title_rank4,
.Title_rank5,
.Title_rank6 {
	padding: 14px 0 14px 70px;
}

.Title_rank1 {
	background: url("../img/rank1.png") no-repeat;
}

.Title_rank2 {
	background: url("../img/rank2.png") no-repeat;
}

.Title_rank3 {
	background: url("../img/rank3.png") no-repeat;
}

.Title_rank4 {
	background: url("../img/rank4.png") no-repeat;
}

.Title_rank5 {
	background: url("../img/rank5.png") no-repeat;
}

.Title_rank6 {
	background: url("../img/rank6.png") no-repeat;
}


.point1,
.point2,
.point3,
.point4,
.point5 {
    background-repeat: no-repeat;
    color: #cca93e;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 22px 0 12px 70px;
}

.point1 {
	background-image: url("../img/point1.png");
}

.point2 {
	background-image: url("../img/point2.png");
}

.point3 {
	background-image: url("../img/point3.png");
}

.point4 {
	background-image: url("../img/point4.png");
}

.point5 {
	background-image: url("../img/point5.png");
}

.black-border {
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


/*
----------------------------------------------------------------------------------------
  テキストカラー
----------------------------------------------------------------------------------------
*/

.text-blue {
	color:#0A4FFF;
}

.text-orange {
	color: #FF7A0A;
}

.text-red {
	color: #FF0A0A;
}

.text-lred {
	color:#FF4E4E;
}

.text-spink {
	color:#C50045;
}

.text-lpink {
	color:#FF4EBE;
}

.text-pink {
	color:#ff0ab9;
}

.text-green {
	color: #0e8100;
}

.text-dgreen {
	color: #7f8c6d;
}



.mizu { color: #0080c0; }
.pink { color: #ff99ab; }
.ao { color: #002255; }
.gray { color: #3d3737}
.aka { color: #db0000; }
.akapink { color: #ec8282;}
.green { color: #369B50;}
.aomidori { color: #2ebab7;}
.enji { color: #9c2662;}
.ora { color: #ff9900;}
.cha { color: #695647;}

/*文字を太くします*/
.b { font-weight: bold; }

/*下線を引きます*/
.u { text-decoration: underline; }

/*文字のフォントを指定します*/

.text12 { font-size: 12px; }
.text14 { font-size: 14px; }
.text16 { font-size: 16px; }
.text18 { font-size: 18px; }
.text20 { font-size: 20px; }
.text22 { font-size: 22px; }
.text24 { font-size: 24px; }
.text26 { font-size: 26px; }
.text28  { font-size: 28px; }
.text30 { font-size: 30px; }


/**
 マーカー*/
.mk-yellow {
	background: #ffe566;
	font-weight: bold;
	padding: 2px;
}


.text-under {
	text-decoration: underline;
}


.text_border {
	border-bottom: 1px dashed #666;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}


/*
----------------------------------------------------------------------------------------
  ボックス
----------------------------------------------------------------------------------------
*/

.nmlbox, .dottbox, .ylwbox, .graybg {
	clear: both;
	margin: 10px 0;
	padding: 15px;
}

.graybg {
	background: #ebebeb;
}

.dottbox {
	border: 1px dotted #666;
}


.doublebox {
	background: #FFF;
	border: 4px double #dfbde4;
	color: #00344d;
	font-size: 14px;
	margin: 10px 0;
	padding: 10px;
}

.yellowbox,
.bluebox {
	color: #00344d;
	font-size: 14px;
	margin: 10px 0;
	padding: 10px;
}

.yellowbox {
	background-color: #fefde0;
}

.bluebox {
	background-color: #ddedfa;
}


.rbox1 {
    background-color: #f0f0f0;
    border: 1px solid #d7d7d7;
}

.rnd1 {
    border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
    margin: 15px 0;
    padding: 15px;
}


.user1,
.user2,
.money1,
.money2,
.money3,
.money4,
.money5,
.money6,
.money7,
.money8 {
    background-color: #eff4fa;
    background-position: 12px 12px;
    background-repeat: no-repeat;
    border: 1px solid #c5d7ed;
    font-size: 12px;
    line-height: 130%;
    margin: 10px 0;
    min-height: 70px;
    padding: 12px 12px 12px 100px;
}

.user2 {
    background-image: url("../img/user2.png");
}

/** alert accept attention thint
*************************************/
.alert, .accept, .attention, .thint {
	background-position: 8px 3px;
	background-repeat: no-repeat;
	font-size: 12px;
	margin: 10px 0;
	padding: 10px 10px 10px 55px;
}

.alert p, .accept p, .attention p, .thint p {
	line-height: 1.2;
}

.attention {
	background-color: #fef8e0;
	background-image: url("../img/attention.png");
	border: 1px solid #fde8a8;
	color: #804900;
}

.thint {
	background-color: #eff4fa;
	background-image: url("../img/thint.png");
	border: 1px solid #c5d7ed;
	color: #2c4f7a;
}

.alert {
    background-color: #ffefef;
    background-image: url("../img/alert.png");
    background-repeat: no-repeat;
    border: 1px solid #fabda7;
    color: #a2462f;
}

.noimage {
    background-image: none;
    min-height: 15px;
    padding-left: 12px;
}



/**
* Q A
*************************************/
.question1 {
	background-image: url("../img/q1.png");
	background-position: 10px top;
	background-repeat: no-repeat;
	border: none;
	color: #333;
	font-size: 17px;
	font-weight: bold;
	line-height: 130%;
	margin: 15px 0 4px;
	padding: 5px 0 6px 50px;
	text-shadow: none;
	  -webkit-text-shadow: none;
	  -moz-text-shadow: none;
	width: auto;
}

.answer1 {
	background-color: #F5F5F5;
	background-image: url("../img/a1.png");
	background-position: 12px 18px;
	background-repeat: no-repeat;
	border: 1px solid #CCC;
	border-radius: 10px;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	font-size: 13px;
	line-height: 140%;
	margin: 5px 0 30px;
	padding: 20px 20px 20px 60px;
}


/**
* comment_box
*************************************/
.comment_box .img {
	float: left;
}

.comment_box .balloon {
	border: 2px solid #F89406;
	border-radius: 10px;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	margin-left: 100px;
	padding: 10px;
	position: relative;
}

.comment_box .balloon p {
	line-height: 1.2;
}

.comment_box .balloon:before {
	content: "";
	border-bottom: 20px solid transparent;
	border-right: 25px solid #F89406;
	_border-top: 20px solid transparent;
	position: absolute;
	left: -25px;
	top: 20px;
}

.comment_box .balloon:after {
	content: "";
	border-bottom: 15px solid transparent;
	border-right: 19px solid #FFF;
	position: absolute;
	left: -19px;
	top: 22px;
}


/**
* dlbox
*************************************/
.dlbox dt {
	float: left;
	font-weight: bold;
	width: 100px;
}

.dlbox dd {
	margin: 0 0 20px 100px;
	line-height: 1.8;
}

.dlbox dd:last-child {
	margin-bottom: 0;
}


/**
* dldictionary
*************************************/
.dldictionary dt {
	font-weight: bold;
	margin-bottom: 5px;
}

.dldictionary dd {
	line-height: 1.8;
	margin: 0 8px 20px;
}

.dldictionary dd:last-child {
	margin-bottom: 0;
}

.dldictionary dd:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.dldictionary dd {display: inline-block;}
* html .dldictionary dd {height: 1%;}
.dldictionary dd {display:block;}


/*
----------------------------------------------------------------------------------------
  矢印
----------------------------------------------------------------------------------------
*/

.arrow_orange_img {
	vertical-align: middle;
}

.arrow_orange,
.arrow_black {
	background-position: 0 3px;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 160%;
    margin: 3px 0;
    padding-left: 25px;
}

.arrow_black {
	 background-image: url("../img/arrow_black.gif");
}

.arrow_orange {
	background-image: url("../img/arrow_orange.gif");
}

.link_arrow a {
	background: url("../img/arrow_blue.gif") no-repeat 0 6px;
	font-size: 18px;
	padding-left: 20px;
}


/*
----------------------------------------------------------------------------------------
  textarea
----------------------------------------------------------------------------------------
*/

.textarea p {
    line-height: 1.7;
    margin-bottom: 20px;
}

.textarea p:last-child {
    margin-bottom: 0;
}



/*
----------------------------------------------------------------------------------------
  Image
----------------------------------------------------------------------------------------
*/

.Img_l {
	float: left;
	margin: 0 10px 10px 0;
}

.Img_r {
	float: right;
	margin: 0 0 10px 10px;
}

/*
----------------------------------------------------------------------------------------
  テーブル設定
----------------------------------------------------------------------------------------
*/

table {
	line-height: 1.8;
	margin: 10px 0;
	width: 100%;
}

th,td {
	border: 1px solid #CCC;
}

th {
	background-color: #ebebeb;
	font-weight: bold;
	text-align: center;
}

.layout_fixed {
	table-layout: fixed;
}

.table-center th,.table-center td {
	text-align: center;
	vertical-align: middle;
}

.table-left th,.table-left td {
	text-align: left;
	vertical-align: middle;
}


/** prc1item
***************/
.prc1item th,.prc1item td {
	line-height: 180%;
	padding: 6px;
}

.prc1item tr:nth-child(2n+1) td {
	background: #f5f5f5;
}


/** ritm
***************/
.ritm th, .ritm td {
	line-height: 120%;
	padding: 6px;
}

.ritm p {
	line-height: 1.2;
}

.ritm .img {
	margin-bottom: 8px;
	text-align: center;
}


/** dsc1item dsc2item
***************/
.dsc1item th {
	vertical-align: middle;
	width: 30%;
}

.dsc1item th,.dsc1item td,.dsc2item th,.dsc2item td {
	padding: 6px;
	line-height: 1.7;
}

.dsc1item td,.dsc2item td {
	background: #FFF;
}


/** hsvjct
***************/
.hsvjct th,.hsvjct td {
	border: 1px solid #c0c0c0;
	line-height: 1.7;
	padding: 5px;
}

.hsvjct th {
	background: #4682b4;
	color: #FFF;
}


/*
----------------------------------------------------------------------------------------
  リスト
----------------------------------------------------------------------------------------
*/

ol {
	list-style-type: decimal;
	padding: 10px 0 10px 25px;
}


.List_border {
	border: 2px solid #FA4133;
	border-radius: 15px;
	  -webkit-border-radius: 15px;
	  -moz-border-radius: 15px;
	padding: 20px;
}

.List_border li {
	line-height: 1.2;
	margin-bottom: 10px;
}

.List_border li:last-child {
	margin-bottom: 0;
}



.List_brilliant {
	padding: 15px 0;
}

.List_brilliant li {
	background: url("../img/li.png") no-repeat 4px 10px;
	line-height: 1.7;
	padding: 8px 0 8px 34px;
}




/*
----------------------------------------------------------------------------------------
  フォント
----------------------------------------------------------------------------------------
*/

strong {
	font-weight: bold;
}

.font-16px {
	font-size: 16px;
}

.font-18px {
	font-size: 18px;
}


/*
----------------------------------------------------------------------------------------
  余白
----------------------------------------------------------------------------------------
*/

.mb_10 {
	margin-bottom: 10px;
}


/*
----------------------------------------------------------------------------------------
  top-dietbefore
----------------------------------------------------------------------------------------
*/

.top-dietbefore table {
	margin-bottom: 10px;
	table-layout: fixed;
}

.top-dietbefore td {
	text-align: center;
}

.top-dietbefore tr:last-child td {
	padding: 5px;
}


/*
----------------------------------------------------------------------------------------
  toprank
----------------------------------------------------------------------------------------
*/

.toprank .box-inner {
	border: 1px solid #CCC;
	margin: 10px 0;
}

.toprank .title {
	background-color: #ebebeb;
	border-bottom: 1px solid #CCC;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 10px;
}

.toprank .img,.toprank .textarea {
	float: left;
	padding: 8px;
}

.toprank .textarea {
	width: 486px;
}

.toprank .textarea p {
	margin-bottom: 20px;
}

.toprank .link {
	margin-top: 20px;
}

.toprank table {
	border-top: 1px solid #CCC;
	table-layout: fixed;
}

.toprank th,.toprank td {
	border: none;
	border-right: 1px dotted #CCC;
	line-height: 130%;
	padding: 8px;
	text-align: center;
}


/*
----------------------------------------------------------------------------------------
  top-experiences
----------------------------------------------------------------------------------------
*/

.top-experiences table {
	table-layout: fixed;
}

.top-experiences th,.top-experiences td {
	line-height: 120%;
	padding: 6px;
}

.top-experiences .img {
	text-align: center;
	margin-bottom: 8px;
}

.top-experiences p {
	line-height: 1.3;
}













/* .slideShow
------------------------- */
.slideShow {
    margin: 20px auto;
    text-align: left;
    display: none;
}

/* .mainView
------------------------- */
.slideShow .mainView {
	float: left;
    width: 70%;
    position: relative;
    overflow: hidden;
}

.slideShow .mainView ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideShow .mainView ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

/* .thumbNail
------------------------- */
.slideShow .thumbNail {
	float: right;
    overflow: hidden;
    width: 30%;
}

.slideShow .thumbNail ul li {
    overflow: hidden;
    cursor: pointer;
}

.slideShow .thumbNail ul li img {
    vertical-align: bottom;
}

.slideShow .thumbNail ul li.active {
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

/* =======================================
    ClearFixElements
======================================= */
.slideShow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.slideShow ul {
    display: inline-block;
    overflow: hidden;
}




/*
----------------------------------------------------------------------------------------
  Imgbox
----------------------------------------------------------------------------------------
*/

.Imgbox {
	margin: 20px 0;
}


/*
----------------------------------------------------------------------------------------
  Layout_3box
----------------------------------------------------------------------------------------
*/

.Layout_3box {
	margin-bottom: 20px;
}

.Layout_3box .box {
	border-right: 2px dotted #CCC;
	margin-right: 9px;
	padding-right: 9px;
	float: left;
	width: 200px;
}

.Layout_3box .box:last-child {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

.Layout_3box .title {
	color: #A6341F;
	font-weight: bold;
	margin: 10px 0;
}

.Layout_3box .icon {
	float: left;
	margin-right: 5px;
}

.Layout_3box ul {
	background-color: #fce9d0;
	/*border-radius: 5px;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;*/
	display: inline-block;
	padding: 5px;
}

.Layout_3box li {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.5;
}

.Layout_3box li:last-child {
	margin-bottom: 0;
}

.Layout_3box .link {
	font-size: 12px;
	margin-top: 10px;
}

.Layout_3box .link a {
	color: #333;
	padding-left: 20px;
	position: relative;
	text-decoration: none;
}

.Layout_3box .link a:before {
	content: "";
	background-color: #FBA848;
	border-radius: 100px;
	  -webkit-border-radius: 100px;
	  -moz-border-radius: 100px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
}

.Layout_3box .link a:after {
	content: "";
	border-bottom: 3px solid transparent;
	border-left: 5px solid #FFF;
	border-top: 3px solid transparent;
	position: absolute;
	left: 6px;
	top: 5px;
}

.Layout_3box .link a:hover {
	text-decoration: underline;
}


/**
* Box_qa
****************************************/
.Box_qa {
	margin: 20px 0;
}

.Box_qa .question {
	border-bottom: 2px solid #EE3823;
	border-top: 2px solid #EE3823;
	color: #EE3823;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 10px 0 10px 75px;
	position: relative;
}

.Box_qa .question:before {
	content: "Q.";
	background-color: #EE3823;
	border-radius: 100px;
	  -webkit-border-radius: 100px;
	  -moz-border-radius: 100px;
	color: #FFF;
	font-family: serif;
	font-size: 30px;
	display: inline-block;
	padding: 13px 10px 13px 16px;
	position: absolute;
	left: 0;
	top: -10px;
}

.Box_qa .question:after {
	content: "";
	border-bottom: 7px solid transparent;
	border-left: 10px solid #EE3823;
	border-top: 7px solid transparent;
	position: absolute;
	left: 57px;
	top: 12px;
}

.Box_qa .answer {
	margin-bottom: 20px;
}

.Box_qa .answer:last-child {
	margin-bottom: 0;
}

.Box_qa .img {
	float: right;
}

.Box_qa .balloon {
	border: 2px solid #F89406;
	border-radius: 10px;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	line-height: 1.5;
	margin-right: 130px;
	padding: 10px 10px 10px 50px;
	position: relative;
}

.Box_qa .balloon p:before {
	content: "A.";
	font-family: Georgia;
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	left: 10px;
	top: 0;
}

.Box_qa .balloon:before {
	content: "";
	border-bottom: 20px solid transparent;
	border-left: 25px solid #F89406;
	_border-top: 20px solid transparent;
	position: absolute;
	right: -25px;
	top: 15px;
}

.Box_qa .balloon:after {
	content: "";
	border-bottom: 15px solid transparent;
	border-left: 19px solid #FFF;
	position: absolute;
	right: -19px;
	top: 17px;
}


/**
* Layout_2box
****************************************/
.Layout_2box .box {
	background: #81CFE0;
	float: left;
	margin-right: 10px;
	padding: 10px;
	width: 295px;
}

.Layout_2box .box:last-child {
	background: #FFCAD1;
	margin-right: 0;
}

.Layout_2box .textbox {
	background: #FFF;
	line-height: 1.5;
	padding: 15px;
}

.Layout_2box .title {
	color: #22A0DD;
	font-weight: bold;
	margin-bottom: 5px;
}

.Layout_2box .box:last-child .title {
	color: #FA1B69;
}


/**
* Layout_4box
****************************************/
.Layout_4box {
	margin: 20px 0;
}

.Layout_4box .box {
	float: left;
	margin-right: 10px;
	width: 152.5px;
}

.Layout_4box .box:last-child {
	margin-right: 0;
}

.Layout_4box .title {
	background: #E27E79;
	color: #FFF;
	padding: 10px;
}

.Layout_4box .img {
	margin: 5px 0;
}

.Layout_4box .textarea {
	font-size: 13px;
	line-height: 1.5;
}



/**
* Box_failure
*************************************/
.Box_failure {
	background: url("../img/box_failure.png") repeat;
	margin: 20px 0;
	padding: 15px;
}

.Box_failure .inner {
	background: #FFF;
	padding: 15px;
}

.Box_failure .img {
	float: left;
	margin: 0 20px 0 10px;
}

.Box_failure ul {
	float: left;
	margin-top: 5px;
	width: 350px;
}

.Box_failure li {
	font-size: 13px;
	line-height: 1.2;
	margin-bottom: 10px;
	padding-left: 25px;
	position: relative;
}

.Box_failure li:last-child {
	margin-bottom: 0;
}

.Box_failure li:before {
	content: "";
	background-color: #FA6B55;
	border-radius: 100px;
	  -webkit-border-radius: 100px;
	  -moz-border-radius: 100px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
}

.Box_failure li:after {
	content: "";
	border-bottom: 3px solid transparent;
	border-left: 5px solid #FFF;
	border-top: 3px solid transparent;
	position: absolute;
	left: 6px;
	top: 5px;
}

/**
* Box_item
*************************************/
.Box_item {
	background: #fce9e8;
	border: 2px solid #EE6557;
	margin: 20px 0;
	padding: 20px;
}

.Box_item .title {
	background: #F27398;
	border-radius: 20px;
	  -webkit-border-radius: 20px;
	  -moz-border-radius: 20px;
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	padding: 13px 15px 10px;
}

.Box_item .textarea {
	font-size: 16px;
	margin: 20px 0;
}

.Box_item .img {
	float: right;
	margin: 0 0 10px 10px;
}

.Box_item .link a {
	background: #FFBDBF;
	border: 1px solid #EE6557;
	border-radius: 5px;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	color: #FFF;
	display: block;
	float: left;
	font-size: 30px;
	font-weight: bold;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
	padding: 13px 10px 10px;
	width: 271px;
}


.Box_item .link a {
	background: #FFBDBF;
	border: 1px solid #EE6557;
	border-radius: 5px;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	color: #FFF;
	display: block;
	float: left;
	font-size: 30px;
	font-weight: bold;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
	padding: 13px 10px 10px;
	width: 271px;
}

.Box_item .link a:last-child {
	margin-right: 0;
}


/**
* Box_pr
*************************************/
.Box_pr .title {
	background: #de9610;
	color: #FFF;
	display: inline-block;
	margin-bottom: 10px;
	padding: 10px;
}

.Box_pr li {
	border-bottom: 1px dotted #AAA;
	font-size: 12px;
	padding: 10px;
}

.Box_pr li:last-child {
	border-bottom: none;
}

.Box_pr .cat {
	float: left;
	width: 120px;
}

.Box_pr .navlabel {
	line-height: 1.2;
	float: right;
	margin-top: 5px;
	width: 485px;
}

.Box_pr li span {
	background: #AAA;
	color: #FFF;
	display: inline-block;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}

/*カテゴリーカラー*/
.Box_pr li .kousodrink {
	background: #56a764;
}

.Box_pr li .testcat {
	background: #7fc2ef;
}

.Box_pr li .hikaku {
	background: #ff7878;
}

.Box_pr li a {
	color: #666;
	text-decoration: none;
}

.Box_pr li a:hover {
	text-decoration: underline;
}


/**
* Box_feature
*************************************/
.Box_feature {
	border: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
	  -webkit-border-radius: 5px 5px 0 0;
	  -moz-border-radius: 5px 5px 0 0;
	margin: 20px 0;
}

.Box_feature .title {
	background: #F5F5F5;
	font-size: 18px;
	padding: 12px 10px 10px;
}

.Box_feature .title span {
	margin-left: 10px;
	font-size: 12px;
}

.Box_feature .inner {
	padding: 10px;
}

.Box_feature .box {
	float: left;
	width: 298px;
}

.Box_feature .box:first-child {
	border-right: 1px dotted #CCC;
	margin-right: 10px;
	padding-right: 10px;
}

.Box_feature .img {
	float: left;
}

.Box_feature .text {
	float: right;
	line-height: 1.2;
	margin-top: 10px;
	width: 190px;
}

.Box_feature .link {
	font-size: 13px;
	margin-top: 5px;
	text-align: right;
}

.Box_feature .link a {
	position: relative;
}

.Box_feature .link a:before {
	content: "";
	background-color: #54B4E6;
	border-radius: 100px;
	  -webkit-border-radius: 100px;
	  -moz-border-radius: 100px;
	height: 14px;
	position: absolute;
	left: -17px;
	top: 2px;
	width: 14px;
}

.Box_feature .link a:after {
	content: "";
	border-bottom: 3px solid transparent;
	border-left: 5px solid #FFF;
	border-top: 3px solid transparent;
	position: absolute;
	left: -12px;
	top: 6px;
}


/**
* Box_gaiyou
*************************************/
.Box_gaiyou {
	background: #F6F6F6;
	line-height: 1.4;
	padding: 10px;
	font-size: 11px;
	color: #666;
}









/*--------------------------------------------------------------
  サイドバー
--------------------------------------------------------------*/

/**
*  見出し
***************************************/
#side h4 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89725d+0,4d2e04+100 */
	background: rgb(137,114,93); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(137,114,93,1) 0%, rgba(77,46,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,114,93,1)), color-stop(100%,rgba(77,46,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(137,114,93,1) 0%,rgba(77,46,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(137,114,93,1) 0%,rgba(77,46,4,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(137,114,93,1) 0%,rgba(77,46,4,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(137,114,93,1) 0%,rgba(77,46,4,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89725d', endColorstr='#4d2e04',GradientType=0 ); /* IE6-9 */
	border: 1px solid #59361A;
	color: #FFF;
	font-weight: bold;
	padding: 15px 10px;
}

.Menu_colorful h3 {
	background: #F38084;
	border: 2px solid #E36064;
	border-radius: 3px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
}

.Menu_recommends h3 {
}



/**
*  メニュー
****************************************/

#side ul {
	border-color: #eee9d9;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}

#side li {
	border-color: #eee9d9 #FFF #FFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}

#side li a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,faf3dc+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,243,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(250,243,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,243,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,243,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,243,220,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,243,220,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faf3dc',GradientType=0 ); /* IE6-9 */
	display: block;
	font-size: 14px;
	line-height: 1.5;
	padding: 10px 10px 10px 30px;
	text-decoration: none;
	position: relative;
}

#side li a:hover {
	left: 1px;
	top: 1px;
	text-decoration: underline;
}

#side li a:before {
	content: "";
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 7px solid #BDA26B;
	position: absolute;
	top: 17px;
	left: 12px;
}


/**
*  Menu_colorful
*****************************************/
#side .Menu_colorful ul {
	background: #FFF;
	border: none;
	border-top: 1px solid #E9E9E9;
}

#side .Menu_colorful li {
	border: none;
	border-left: 10px solid #CCC;
	border-bottom: 1px solid #E9E9E9;
	margin-bottom: 1px;
	position: relative;
}

#side .Menu_colorful li:before {
	content: "";
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 6px solid #CCC;
	margin-top: -6px;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
}

#side .Menu_colorful a {
	background: #FFF;
	padding: 12px 10px 10px 15px;
}

#side .Menu_colorful li a:before {
	border: none;
}

#side .Menu_colorful a:hover {
	position: static;
}


/* 色 */
#side .Menu_colorful li.pink {
	border-left: 10px solid #FFD3D8;
}

#side .Menu_colorful li.pink:before {
	border-left: 6px solid #FFD3D8;
}

#side .Menu_colorful li.green {
	border-left: 10px solid #BDEEC3;
}

#side .Menu_colorful li.green:before {
	border-left: 6px solid #BDEEC3;
}

#side .Menu_colorful li.blue {
	border-left: 10px solid #B7E1F7;
}

#side .Menu_colorful li.blue:before {
	border-left: 6px solid #B7E1F7;
}
#side .Menu_colorful li.yellow {
	border-left: 10px solid #FFEF80;
}

#side .Menu_colorful li.yellow:before {
	border-left: 6px solid #FFEF80;
}


/**
*  Menu_recommends
*****************************************/



/**
*  Side_new
*****************************************/
.Side_new .h_title {
	background: #EEE;
	border: 1px solid #DDD;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
}

#side .Side_new ul {
	border: 1px solid #DDD;
}

#side .Side_new li {
	border: none;
	border-bottom: 1px solid #E5E5E5;
}

#side .Side_new li:last-child {
	border-bottom: none;
}

#side .Side_new li a {
	background: #FFF;
	color: #333;
	display: block;
	padding: 10px;
	transition: background linear 0.2s;
	  -webkit-transition: background linear 0.2s;
	  -moz-transition: background linear 0.2s;
}

#side .Side_new li a:hover {
	background: #F5F5F5;
	left: auto;
	top: auto;
	text-decoration: none;
}

#side .Side_new .img {
	float: left;
	margin: 0 10px 10px 0;
	width: 80px;
}

#side .Side_new a:hover img {
	opacity: 1;
	filter: alpha(opacity=10
		0);
}

#side .Side_new li a::before {
	border: none;
}

#side .Side_new .date {
	color: #0C555D;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

#side .Side_new .title {
	color: #333;
	display: block;
	font-weight: bold;
	text-decoration: underline;
}

#side .Side_new .excerpt {
	clear: both;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	margin-top: 10px;
}




/**
*  Menu_recommends
*****************************************/

.Menu_recommends h3 {
	background: #333;
	color: #FFF;
	font-weight: bold;
	padding: 10px;
}

.Menu_recommends .box {
	border-bottom: 2px solid #333;
	padding-top: 10px;
	padding-bottom: 10px;
}
.Menu_recommends .img {
	width: 100px;
	float: left;
}
.Menu_recommends .text {
	margin-left: 110px;
}
.Menu_recommends .title {
	background: #286baf;
	color: #fff;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 5px;
	padding: 2px 5px 0;
}
.Menu_recommends .title a {
	color: #fff;
	text-decoration: none;
}
.Menu_recommends .text p {
	font-size: 12px;
}
.Menu_recommends .btn {
	margin-top: 5px;
}



/**
*  archive_entry
*****************************************/
.archive_entry {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fbf9ef+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(251,249,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(251,249,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,249,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,249,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,249,239,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(251,249,239,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbf9ef',GradientType=0 ); /* IE6-9 */
	border: 1px solid #efe9d5;
	line-height: 180%;
	margin-bottom: 15px;
	position: relative;
}

.archive_entry:before {
	content: url("../img/catbox_bg_tl.png");
    left: -3px;
    position: absolute;
    top: -3px;
}

.archive_entry:after {
	content: url("../img/catbox_bg_tr.png");
    right: -3px;
    position: absolute;
    top: -3px;
}

.archive_entry .title:before {
	content: url("../img/catbox_bg_bl.png");
    left: -3px;
    position: absolute;
    bottom: -3px;
}

.archive_entry .title:after {
	content: url("../img/catbox_bg_br.png");
    right: -3px;
    position: absolute;
    bottom: -3px;
}

.archive_entry .inner {
	background: url("../img/catbox_body_bg.png") right top no-repeat;
	padding: 20px;
}

.archive_entry .img {
	margin: 0 20px 10px 0;
	float: left;
	width: 120px;
}

.archive_entry .text {
	overflow: hidden;
}

.archive_entry .title {
	border-bottom: 1px solid #f6ebcb;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 5px 0 10px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
      -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
      -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.archive_entry .title a {
    color: #938569;
    text-decoration: none;
}

.archive_entry .excerpt {
    color: #7a755d;
    font-size: 13px;
    line-height: 1.6;
}

.archive_entry .link {
	text-align: right;
}

.archive_entry .link a {
    background-image: url("../img/button_more2.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 34px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 150px;
}



/**
*  サイトマップ
*****************************************/
#sitemap li {
	margin-top: 15px;
}

#sitemap li a {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: normal;
    line-height: 1.8;
    padding-left: 16px;
    position: relative;
}

#sitemap li a:before {
    border-color: transparent transparent transparent #bda26b;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 8px;
}

#sitemap .child {
	margin-left: 10px;
}

#sitemap .child li {
	margin-top: 5px;
}

#sitemap .child a {
    background-image: url("../img/menu_bg2.png");
    background-position: left 8px;
    background-repeat: no-repeat;
    font-size: 14px;
	font-weight: normal;
}

#sitemap .child a:before {
	border: none;
}