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

/*
Theme Name: Yamanami
Description:
Version: 1.3
Author: datapro
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-style:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

body {
	font-size:12pt;
	line-height:1.6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*============================================グラデーション背景設定=========================================================================*/
	background: #FFF;
}

ol, ul, li 	{	list-style:none;					}
table 		{	border-collapse:collapse;	border-spacing:0;	}
caption, th, td {	font-weight:normal;		text-align:left;	}
a 		{	font-size:100%;	vertical-align:baseline;	background:transparent;	color: #000;	text-decoration: none;		}
a:hover		{										color:#2db200;	text-decoration: underline;	}
img		{max-width: 100%;	height: auto;	width /***/:auto;	vertical-align:bottom;}
a img 		{border: 0;}
#wrapper a:hover img,
#wrapper a:active img{
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
}

hr{
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select	{vertical-align:middle;}
.clearfix:after{
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	line-height:0;
	font-size:0;
}
.clearfix	{clear:both;}

/*========== 共有 ==================================================*/
.alignleft	{float:left;		}
.alignright	{float:right;		}
.red		{color:#E33;		}
.green		{color:#2db200;		}
.blue		{color:#33E;		}
.gray		{color:#525252;		}
.white		{color:#fff;		}
.mg10top	{margin-top:10px;	}
.mg15top	{margin-top:15px;	}
.mg20top	{margin-top:20px;	}
.mg25top	{margin-top:25px;	}
.mg30top	{margin-top:30px;	}
.mg50top	{margin-top:50px;	}
.mg10bottom	{margin-bottom:10px;	}
.mg15bottom	{margin-bottom:15px;	}
.mg20bottom	{margin-bottom:20px;	}
.mg25bottom	{margin-bottom:25px;	}
.mg30bottom	{margin-bottom:30px;	}
.mg50bottom	{margin-bottom:50px;	}
.mg10left	{margin-left:10px;	}
.mg15left	{margin-left:15px;	}
.mg20left	{margin-left:20px;	}
.mg25left	{margin-left:25px;	}
.mg30left	{margin-left:30px;	}
.mg10right	{margin-right:10px;	}
.mg15right	{margin-right:15px;	}
.mg20right	{margin-right:20px;	}
.mg25right	{margin-right:25px;	}
.mg30right	{margin-right:30px;	}
.pa25top	{padding-top:25px;	}
.f1		{font-size:20px;}
.f2		{font-size:15px;}
.f3		{font-size:12px;}
.f120		{font-size:120%;}
.f130		{font-size:130%;}
.f150		{font-size:150%;}
.f170		{font-size:170%;}
.bold		{font-weight:bold;}

h1		{display:block;	width:230px;	height:120px;	float:left;}
h2		{color:#1a6600;	font-size:35px;	font-weight:200;}
h2.top	{color:#82c53f;	font-size:25px;	font-weight:bold;}
h3		{color:#2db200;	font-size:18px;	font-weight:bold;  border-left:10px solid #2db200;	border-bottom:2px solid #2db200;  padding-left:15px;  margin:50px 0 30px 0;  font-weight:bold;	clear:both;}
.ver2		{margin-bottom:40px;}
/*========== ヘッダー ==================================================*/
#header		{width:960px; 	height:auto;	overflow:hidden;	padding:0 145px 20px 145px;	margin:50px auto 50px auto;	border-bottom:1px solid #2db200;}
#head_text	{width:720px;	overflow:hidden;	float:right;}
#font-change	{width:100px;	height:50px;	float:right;	clear:both;}
#font-change p	{text-align:center;	font-weight:bold;	padding-top:10px;}
#font-change ul li		{display:block; width:20px; 	height:30px;	float:right;	margin-right:10px;}
#nav		{width:1000px;	height:20px;	float:right;	display:block;	padding-top:20px;}
#nav ul li	{height:12px;	float:right;	display:block;	padding:3px;	text-align:center;}
#nav ul li a	{color:#525252;}
#nav ul li a:hover	{color:#2db200;}
#nav ul li.menu01{width:80px; font-size:14px; font-weight:bold;}
#nav ul li.menu02{width:180px; font-size:14px; font-weight:bold;}
#nav ul li.menu03{width:110px; font-size:14px; font-weight:bold;}
#nav ul li.menu04{width:130px; font-size:14px; font-weight:bold;}
#nav ul li.menu05{width:160px; font-size:14px; font-weight:bold;}
#nav ul li.menu06{width:80px; font-size:14px; font-weight:bold;}

/*========== メインコンテンツ ==================================================*/
#main		{width:670px;	height:auto;	float:right;	padding:0 10px 0 10px;	margin-bottom:40px;}
#wrapper	{width:960px;	background:#EEA;	margin:0 auto;	padding:0 145px 0 145px;}

#slideshow	{width:670px;	height:230px; margin-bottom:40px;	border:1px; solid #444;	background:#999;}

p.main-text	{width:600px;}

#news_topics	{width:600px;	padding:0px 0 30px 0;}
#news_topics ul li	{border-bottom:1px dashed #777;	padding:5px 0 5px 0;	margin-bottom:10px;}

/*========== 次のページ/前のページ ==================================================*/

.prevpage{
float:left;
margin-top:30px;
}

.nextpage{
float:right;
margin-top:30px;
}


/*========= 固定ページ ========================================================*/
#gallery	{width:670px;	height:auto;}
#gallery img	{float:left;	width:315px; height:210px;	padding:10px;}

#time		{width:220px;	background:url(img/time_bg.jpg) repeat-y;	padding:15px 0 20px 30px; margin-bottom:20px;}
#time table tr td	{border-bottom:1px dashed #777; padding:10px 0 5px 0;	height:15px;}

#step1		{width:670px;	height:190px;			border-bottom:2px dashed #2db200;}
#step2		{width:670px;	height:250px;	clear:both;	border-bottom:2px dashed #2db200;}
#step3		{width:670px;	height:250px;	clear:both;	border-bottom:2px dashed #2db200;}
ul.step_text	{width:400px;	display:block;	float:left;}

.shohin-img3    {display:inline-block; }
#mokuji  {width: 220px;  background-color: #f7ecda;   padding: 15px 0 20px 30px;  margin-bottom: 20px;}

/*========== サイドバー ==================================================*/
#side		{width:205px;	float:left;	padding:0 10px 20px 5px;}
#side p a img	{margin-bottom:10px;}
#side ul	{margin-top:30px;	padding-left:10px;}
#side ul li	{font-size:12px;}
#side ul li.size01	{font-size:14px;}
#side ul li.size02	{font-size:16px;}

/*========== フッダー ==================================================*/
#footer		{width:100%;	height:250px;	background:url(img/footer_bg.jpg) repeat-x;	clear:both; background-color:#0aa;}
#in-text	{width:960;	margin:0 auto;	padding-top:120px;	text-align:center;	}

.notfound	{font-size:40px;	font-weight:bold;	text-align:center;}
.text404	{font-size:20px;}

.box_href	{display:block; width:320px;	overflow:hidden;}

.overbox	{display:block;	overflow:hidden;}
.border_das	{border-bottom:1px dashed #666;}
.bg_yellow	{background:#f8b62b;	padding:2px 5px 2px 5px;	margin-right:5px;	font-weight:bold;}
.bg_glay	{background:#ddd;	border:1px solid #777;	padding:5px 10px 3px 10px;	border-radius: 20px;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■　レスポンシブCSS設定 ■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/