@charset "utf-8";

html {
/* ページに常にスクロールバーを表示 */
overflow-y: scroll;
}

/* トップへスクロールするJS */

#page-top {position: fixed;bottom: 20px;right: 20px;font-size: 77%;}

#page-top a {background: #666;text-decoration: none;color: #fff;width: 100px;padding: 30px 0;text-align: center;display: block;border-radius: 5px;}

#page-top a:hover {text-decoration: none;background: #999;}



.top{margin:0 auto;background-image: url(../ynl_images/back.jpg);background-repeat: repeat-x;}

.top_in{
	position:relative;
	width:1000px;
	height:500px;
	background-image: url(../ynl_images/top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


.p_top{margin:0 auto;background-image: url(../ynl_images/page_back.jpg);background-repeat: repeat-x;}

.p_top_in{
	position:relative;
	width:1000px;
	height:140px;
	background-image: url(../ynl_images/page_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.orange{
	background-repeat: repeat-x;
	background-position: center bottom;
	background-image: url(../ynl_images/f_back.png);
}


.page{margin:0 auto;background-image: url(../ynl_images/page_top.jpg);background-repeat: repeat-x;}

.page_in{
	position:relative;
	width:1000px;
	height:100px;
	background-image: url(../ynl_images/page_back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 30px;
	padding-top: 30px;
}

.page_in h1{
	font-size: 30px;
	color: #E2D0E3;
	text-decoration: none;
	line-height: 30px;
}
.voice {font-size: 12px;color: #E2D0E3;}
.tdvoif{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

caption,th {text-align:left;}
.detile{font-style:normal;font-weight:normal;}

li {list-style:none;}

fieldset,img{border:0;}

input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

img {vertical-align:bottom;}

.clear {clear:both;}

.none{margin:0 0 0 0;padding:0 0 0 0;}	

*{margin:0;padding:0;}


/* ************************************************ 
*	基本設定
* ************************************************ */	

body{font: 12px/2.0 "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;color:#222;line-height:180%;letter-spacing:0.05em;min-width:1100px;_display: inline;_zoom:1;}

*|html[xmlns*=""] body {letter-spacing: 0.02em;}/* safari */

html[xmlns*=""]:root #body {letter-spacing: 0.02em;}/* safari */


/* リンク */

a{color:#222;text-decoration:none;}

a:hover{color:#222;}
.sono2  {outline: 0;}


/* 画像 */

img{border:0;padding:0px;margin:0px}

img.aligncenter {display: block;margin-left: auto;margin-right: auto;}

img.alignright {padding:4px;margin: 0 0 10px 20px;display: inline;}

img.alignleft {padding: 4px;margin: 0 20px 10px 0;display: inline;}


/* フロート */

.alignright {float: right;}

.alignleft {float: left;}

.right{float: right;}

.left{float: left;}

.clear{clear:both;}


/* インデント */

.indent{margin-left:10px;margin-right:10px;}

/* リスト */

ol{margin: 0 0 0 5px;padding: 0 0 0 0;list-style: decimal;}

ul{margin: 0 0 0 0;padding: 0 0 0 0;list-style: disc;}

li{margin: 0 0 0 15px;padding: 0 0 0 0;}

li a{color:#222;}

li a:hover{color:#666;}


/* ************************************************ 
*	全体Wrapper
* ************************************************ */	

#wrapper{
margin: 0 auto 0 auto;
}


/* ************************************************ 
*	ヘッダー
* ************************************************ */	

#header {
	position:relative;
	height:70px;
	width:1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.logo {float: left;padding:0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}

#header ul#hmenu{
	position:absolute;
	top:0px;
	left:430px;
}

#header ul#hmenu li{float:left; margin: 0 0 0 0px;padding: 0 0 0 0;}

#header ul#hmenu li.sns{float:left;}

#header ul#hmenu li a {display:block;color:#333;}

#header ul#hmenu li a:hover {display:block;color:#99F;}


.top_in ul#hmenu{
	position:absolute;
	top:415px;
	left:240px;
}

.top_in ul#hmenu li{float:left; margin: 0 0 0 0px;padding: 0 0 0 0;}

.top_in ul#hmenu li.sns{float:left;}

.top_in ul#hmenu li a {display:block;color:#333;}

.top_in ul#hmenu li a:hover {display:block;color:#99F;}



/* ************************************************ 
*	メイン（本文）コンテンツ
* ************************************************ */	

.left_column{
	width: 750px;
	float:left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}


.right_column{
	float:right;
	width: 250px;
	padding-left: 0px;
	margin: 0px;
}


#main-wrap {display: inline;}
/* 1カラムレイアウト */

.24qnform {margin:0 auto;}

#main_in {width: 1000px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding: 0px;}
/* 2カラムレイアウト */

.white {float: left;width: 618px;padding: 0px 0px 0px 0px;margin:0px 0px 40px 0px;display: inline;}


/* TOP 3段組みブロック */

#top-3dan {width: 1000px;margin: 0 auto 0px auto;}

.first-block {float: left;width: 283px;margin-right: 30px;}

.last-block {float:left;width: 283px;margin-right: 0;}


/* TOPリスト表示 */

.toplist ul{margin: 0px 0 0 0;padding: 0px 0 0px 0px;}

.toplist li{font-size:12px;margin: 6px 0px 0px 0px;padding: 3px 0px 3px 0px;list-style: none;border-bottom: 1px dotted #dedede;}

.toplist li a{color:#666;background: url(http://link-lab.jp/images/list.png) no-repeat 0 50%;padding-left: 10px;}.toplist li a:hover{background-position: 3px 50%;color:#999;}

.top-title {font-size: 18px;font-weight:normal;font-style:normal;padding: 0px 0px 2px 0px;margin: 20px 0px 5px 0px;border-bottom: 1px solid #eee;color: #332828;}


p {padding: 10px 0px 10px 0px;}
*|html[xmlns*=""] p {letter-spacing: 0.1em;}/* safari */

p a{color:#222;text-decoration:none;background: #eee;}

p a:hover{color:#666;background:#eee;}

p a:active, a:focus {outline: 0;}
.gokakusha td{font-size:9px;font-weight:normal;text-align: left;padding: 0px 0px 0px 0px;color:#222;letter-spacing: 0.2em;}

.pagetitle{margin:0 42px;ont-size:10px;olor:#F6F5EF;}

.blog-title {font-size: 17px;background: url() no-repeat ;padding: 20px;margin: 5px 0px 20px 0px;border-top: 1px solid #555555;border-bottom: 1px solid #555555;color: #332828;font-weight:bold;}

body.category-blog p{padding: 10px 20px;}

.blog-title a{color:#333;text-decoration:none;font-weight:bold;}
.
blog-title a:hover{color:#666;font-weight:bold;}



/* ************************************************ 
*	フッターエリア
* ************************************************ */	

/*#footer_liquid {background: #EEE;}

#footer {height: 170px;padding: 0;position: relative;width: 1000px;margin-top: 70px;margin-right: auto;margin-bottom: 0;margin-left: auto;}

#footer .flogo {padding-top: 0px;padding-right: 0;padding-bottom: 0;padding-left: 0px;}

#footer ul#fmenu {left: 200px;position: absolute;top: 70px;}


#footer a:link,#footer a:visited{color:#333;outline: medium none;text-decoration: none;}

#footer a:hover{color:#555;outline: medium none;text-decoration: none;}

#copyright {text-align:left;color:#333;font-size:10px;padding-top: 0px;padding-right: 0;padding-bottom: 10;padding-left: 0;}

#topcontrol{display:none;}*/


/* ************************************************ 
*	文字サイズ
* ************************************************ */

.moji100px {font-size: 100px;line-height: 170%;}
.moji90px {font-size: 90px;line-height: 170%;}
.moji80px {font-size: 80px;line-height: 170%;}
.moji70px {font-size: 70px;line-height: 170%;}
.moji60px {font-size: 60px;line-height: 170%;}
.moji50px {font-size: 50px;line-height: 170%;}
.moji40px {font-size: 40px;line-height: 170%;}
.moji30px {font-size: 30px;line-height: 170%;}
.moji29px {font-size: 29px;line-height: 170%;}
.moji28px {font-size: 28px;line-height: 170%;}
.moji27px {font-size: 27px;line-height: 170%;}
.moji26px {font-size: 26px;line-height: 170%;}
.moji25px {font-size: 25px;line-height: 170%;}
.moji24px {font-size: 24px;line-height: 170%;}
.moji23px {font-size: 23px;line-height: 170%;}
.moji22px {font-size: 22px;line-height: 170%;}
.moji21px {font-size: 21px;line-height: 170%;}
.moji20px {font-size: 20px;line-height: 170%;}
.moji19px {font-size: 19px;line-height: 170%;}
.moji18px {font-size: 18px;line-height: 170%;}
.moji17px {font-size: 17px;line-height: 170%;}
.moji16px {font-size: 16px;line-height: 170%;}
.moji15px {font-size: 15px;line-height: 170%;}
.moji14px {font-size: 14px;line-height: 170%;}
.moji13px {font-size: 13px;line-height: 170%;}
.moji12px {font-size: 12px;line-height: 170%;}
.moji11px {font-size: 11px;line-height: 170%;}
.moji10px {font-size: 10px;line-height: 150%;}
.moji9px {font-size: 9px;line-height: 370%;}


.bold {font-weight: bolder;}

.italic {font-style: italic;}


/* ************************************************ 
*	テーブル
* ************************************************ */

table {border: 0px;border-collapse: collapse;border-spacing: 0;margin: 0px 0px 0px 0px;padding: 0px 0px;}

table tr{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

table,td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.td01{
	height: 30px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 12px;
	background-image: url(../ynl_images/point.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
}


.td01 a{
	height: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
	padding-right: 10px;
}

.td01 a:hover{
	height: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
	background-color: #F4DEFC;
	color: #309;
	padding-right: 10px;
}


.td02{
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
	font-size: 12px;
	background-image: url(../ynl_images/point.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
}

.td02 a{
	height: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
	padding-right: 10px;
}

.td02 a:hover{
	height: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
	background-color: #F4DEFC;
	color: #309;
	padding-right: 10px;
}


.td03{
	height: 30px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 12px;
}


.td03 a{
	font-size: 12px;
	color: #309;
	text-decoration: underline;
}

.td03 a:hover{
	font-size: 12px;
	color: #99F;
	text-decoration: none;
}

.td04{text-align: left;vertical-align: top;}


.td05{padding-top: 10px;padding-bottom: 25px;}

td h2{
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #666;
	background-image: url(../ynl_images/page_title/m_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	padding-top: 8px;
	padding-left: 20px;
}


td h3{
	font-size: 15px;
	line-height: 15px;
	color: #7959A1;
	background-image: url(../ynl_images/page_title/s_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	padding-top: 2px;
	padding-left: 24px;
}




/* ************************************************ 
*	マージン・パディング
* ************************************************ */
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}

.pl10{padding-left: 15px;}

.pt15{padding-top: 10px;}


/* ************************************************ 
*	ライン
* ************************************************ */

.line-dotted {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*border-bottom:1px dotted #CCC;*/
}

.line-solid {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom:1px solid #CCC;
}

.line-footmenu {
margin: 0px 0px 5px 0px;
padding: 0px 0px 3px 0px;
border-bottom:1px dotted #CCC;
}

hr {
background: url(http://link-lab.jp/images/line.gif);
clear: both;
float: none;
width: 100%;
height: 10px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: none;
}


/* ************************************************ 
*	画像装飾
* ************************************************ */

.pict_right {
margin:0px 0px 10px 20px; 
padding: 2px 2px 2px 2px; 
float: right;
border:1px solid #DCDCDC;
}

.pict_left {
margin:0px 10px 10px 0px; 
padding: 2px 2px 2px 2px; 
float: left;
border:1px solid #DCDCDC;
}

.pict1px{
margin:0px 0px 5px 0px; 
padding: 2px 2px 2px 2px; 
border:1px solid #CCC;
}

.pict_shadow{
border:1px solid #ccc;
background:#fff;
margin: 0px auto;
padding: 5px 5px 5px 5px;
border-radius:1px; /* CSS3 */
 -webkit-border-radius:1px; /* Firefox */
 -moz-border-radius:1px; /* Safari,Chrome */
box-shadow:2px 2px 3px #C0C0C0;
}


/* ************************************************ 
*	角丸
* ************************************************ */

.border-radius{
border-radius:5px; /* CSS3 */
 -webkit-border-radius:5px; /* Firefox */
 -moz-border-radius:5px; /* Safari,Chrome */
}


/* ************************************************ 
*	ボックスシャドウ・テキストシャドウ
* ************************************************ */

.box-shadow{
box-shadow:2px 2px 3px #ccc; /* CSS3 */
 -webkit-box-shadow:2px 2px 3px #ccc; /* Safari,Chrome */
 -moz-box-shadow:2px 2px 3px #ccc; /* Firefox */
}

.box-shadow2{
box-shadow:1px 2px 5px #ccc; /* CSS3 */
 -webkit-box-shadow:1px 2px 5px #ccc; /* Safari,Chrome */
 -moz-box-shadow:1px 2px 5px #ccc; /* Firefox */
}

.text-shadow{
text-shadow:1px 1px 3px #DEDEDE; /* CSS3 */
 -webkit-text-shadow:1px 1px 3px #DEDEDE; /* Safari,Chrome */
 -moz-text-shadow:1px 1px 3px #DEDEDE; /* Firefox */
}



/* ============================================= */
/* ie6 safe settings                             */

/* add display:inline to floated elements */

.contact,ul#topnav li,#main,#main p.withImage img,
.alignright,
.alignleft,
.box,
#sidebar,
#footer #logo {display:inline;}

/* add zoom:1 to overflow:hidden */
#footer .inner {zoom:1;}

/* add zoom:1 to pos:relative elements */
.contact {zoom:1;}

/* add overflow:visible to (submit) buttons */
input, button {overflow:visible;}


/* イメージのスライド */

#demo li{display:inline-block;float:left;margin:0 0 10px 10px;}

#demo{height:105px;display:block;width:1000px;overflow:hidden;}

.clone_parts{display:inline-block;float:left;width:1000px;padding-top:10px;padding-bottom:10px;background: -moz-linear-gradient(left top, #999, #F2F2F2);}

#slideArea{position:relative;}


/* 楽天レビュー */

.review{
	height: 300px;
	width: 700px;
	overflow: scroll;
	padding: 5px;
	border: thin solid #B02028;
	margin-left: 13px;
}	
	
.review2{
	height: 300px;
	width: 715px;
	overflow: scroll;
	padding: 5px;
	border: thin solid #B02028;
	margin-left: 13px;
}	


/*追記*/

.prf{
	width: 600px;
	margin-left: 20px;
	border: thin solid #333;
	margin-bottom: 20px;
	background-color: #FFC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}


.dot {
	padding-bottom: 35px;
	background-image: url(../img/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}