@charset "UTF-8";

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}


/* 一般・共通設定 */


* {
	margin: 0;
	padding: 0;
}

html { 
	font-size: 62.5%;
	 height: 100%; /* min-heightに対応していないブラウザ用 */
}

body,td,th {
	font-size: 12px;
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	font-weight: normal;
	line-height: 180%;
	color: #666666;
	margin: 0px 0px 10px 0px;
}

body {
	height: 100%; /* min-heightに対応していないブラウザ用 */
	background-color: #FFF;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background-image: url("../images/header_back.jpg");
	background-repeat: repeat-x;
}

p{
	font-size: 12px;
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 15px 0px;
	font-weight: normal;
	line-height: 180%;
	color: #666666;
	padding: 0px;
}

.text_large{
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 15px 0px;
	font-size: 14px;
	font-weight: normal;
	line-height: 180%;
	color: #000;
}

.text_medium{
	font-size: 12px;
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	line-height: 180%;
	color: #666666;
}

.text_small{
	font-size: 10px;
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	line-height: 180%;
	color: #666666;
}

img {
	border:0px;
	}


a:hover img
	{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	}


/* テキストリンク */

a:link {
	text-decoration: none;
	color: #F60;
}

a:visited {
	text-decoration: none;
	color: #F60;
}

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

a:active {
	text-decoration: none;
	color: #F60;
}

h1 a:link {
	text-decoration: none;
	color: #000000;
	background-color: none;
}

h1 a:visited {
	text-decoration: none;
	color: #000000;
	background-color: none;
}

h1 a:hover {
	text-decoration: none;
	color: #666666;
	background-color: none; 
}

h1 a:active {
	text-decoration: none;
	color: #000000;
	background-color: none;
}



/* テンプレート共通部分 */

.outer
	{
	width:1000px;
	padding: 0px;
	margin:0 auto 0 auto;
	}

.header
	{
	float: left;
	width:1000px;
	text-align: left;
	padding: 20px 0px 10px 0px;
	margin: 5px 0px 20px 0px;
	}

.header_left
	{
	float: left;
	width:500px;
	text-align: left;
	}
.header_right
	{
	float: right;
	width:500px;
	text-align: right;
	}
	
.top_image
	{
	float: left;
	width:1008px;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}
	
.top_menu
	{
	float: left;
	width:1000px;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	}
	
#menu {
  width:1000px;
  padding:0;
  margin:0;
  list-style-type: none;
}
#menu li {
  width:160px;
  float:left;
  padding:0;
  margin: 0px 0px 0px 0px;
  text-align:center;
}
#menu li+ li {
  width:160px;
  float:left;
  padding:0;
  margin: 0px 0px 0px 8px;
  text-align:center;
}

#menu li a {
  width:auto;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  padding:10px 0;
  text-decoration:none;
  display:block;
  background:#3cb371;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

#menu li2 {
  width:160px;
  float:left;
  padding:0;
  margin: 0px 0px 0px 8px;
  text-align:center;
}

#menu li+ li2 {
  width:160px;
  float:left;
  padding:0;
  margin: 0px 0px 0px 8px;
  text-align:center;
}

#menu li2+ li {
  width:160px;
  float:left;
  padding:0;
  margin: 0px 0px 0px 8px;
  text-align:center;
}

#menu li2 a {
  width:auto;
  color:#aaa;
  font-size:14px;
  font-weight:bold;
  padding:10px 0;
  text-decoration:none;
  display:block;
  background:#cccccc;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

#menu li a:hover {
  background:#b2d7b6;
}

.top_banner
	{
	float: left;
	width:1000px;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	}
	
.top_banner_1
	{
	float: left;
	width: 224px;
	text-align: left;
	padding: 10px 10px 4px 10px;
	margin: 0px 8px 0px 0px;
	background-color: #b2d7b6;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	
.top_banner_2
	{
	float: left;
	width: 224px;
	text-align: left;
	padding: 10px 10px 4px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #b2d7b6;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}


.side
	{
	float: left;
	width: 244px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	}

.contents
	{
	float: left;
	width: 224px;
	text-align: center;
	padding: 10px 10px 4px 10px;
	margin: 0px 0px 10px 0px;
	background-color: #b2d7b6;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	
.contents_2
	{
	float: left;
	width: 224px;
	text-align: left;
	padding: 10px 10px 4px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #FCDA62;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	
.info
	{
	float: left;
	width: 224px;
	text-align: left;
	padding: 10px 10px 4px 10px;
	margin: 10px 0px 0px 0px;
	}
	
.banner
	{
	float: left;
	width: 224px;
	text-align: left;
	padding: 10px 10px 4px 10px;
	margin: 10px 0px 0px 0px;
	background-color: #eee;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	
.banner_200px
	{
	float: left;
	width: 200px;
	text-align: left;
	padding: 22px 22px 16px 22px;
	margin: 0px 0px 10px 0px;
	background-color: #FFF;
	border:1px solid #ccc;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	
.footer
	{
	float: left;
	width: 1000px;
	text-align: left;
	border-top: solid 1px #3cb371;
	margin: 30px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	}
	
.clears{
	clear:both;
	}

/* メイン */

.main
	{
	float: right;
	width: 733px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	}

.main_title
	{
	float: left;
	width: 703px;
	text-align: left;
	padding: 10px 15px 10px 15px;
	margin:  0px 0px 10px 0px;
	background-color: #3cb371;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(border-radius.htc);
	color: #FFF;
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	font-size: 14px;
	font-weight: bold;
	}

.main_box1
	{
	float: left;
	width: 713px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	}
	
.main_box2
	{
	float: left;
	width: 713px;
	text-align: right;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	}

.main_box3
	{
	float: left;
	width: 224px;
	text-align: left;
	padding: 10px 10px 4px 10px;
	margin: 0px 20px 0px 0px;
	background-color: #b2d7b6;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}

.main_box4
	{
	float: left;
	width: 693px;
	text-align: left;
	padding: 15px 15px 15px 15px;
	margin: 0px 0px 20px 0px;
	border:1px solid #3cb371;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}

.main_box5
	{
	float: left;
	width: 200px;
	text-align: center;
	padding: 30px 10px 20px 10px;
	margin: 11px 11px 11px 11px;
	background-color: #FFF;
	border:1px solid #DDD;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	
.main_box6
	{
	float: left;
	width: 680px;
	text-align: left;
	padding: 10px 15px 10px 15px;
	margin: 0px 0px 20px 10px;
	border-bottom:1px solid #ccc;
	}

.main_box6_left
	{
	float: left;
	width: 200px;
	text-align: left;
	}
.main_box6_right
	{
	float: left;
	width: 480px;
	text-align: left;
	}
	
.main_box7
	{
	float: left;
	width: 670px;
	text-align: left;
	padding: 0px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	}
	
.main_box8
	{
	float: left;
	width: 670px;
	text-align: left;
	margin: 0px 20px 10px 20px;
	}
	
.main_box9
	{
	float: left;
	width: 570px;
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 10px 0px 20px 20px;
	padding: 10px 30px 10px 30px;
	background-color: #3cb371;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	
.main_box11
	{
	float: left;
	width: 605px;
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 20px 30px 20px 30px;
	background-color: #FF0000;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}

	
.main_box11 a:link {
	text-decoration: none;
	color: #FFFFFF;
	background-color: none;
}

.main_box11 a:visited {
	text-decoration: none;
	color: #FFFFFF;
	background-color: none;
}

.main_box11 a:hover {
	text-decoration: none;
	color: #fa8072;
	background-color: none; 
}

.main_box11 a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: none;
}

	
.main_box10
	{
	float: left;
	width: 700px;
	text-align: left;
	margin: 10px 0px 20px 10px;
	padding: 10px 0px 10px 10px;
	background-color: #b2d7b6;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	
.main_box10_banner
	{
	float: left;
	width: 345px;
	margin: 0px 10px 0px 0px;
	}

.main_box_fb6
	{
	float: left;
	width: 700px;
	text-align: center;
	margin: 10px 0px 20px 10px;
	padding: 10px 0px 10px 10px;
	background-image: url("../images/fb_img5.jpg");
	background-repeat: no-repeat;
	background-position : left top;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}

/* テキスト - 見出し */

h1 { 
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 1.5em 0px;
	font-size: 20px;
	font-weight: bold;
	line-height: 250%;
	color: #000;
	border-bottom:1px solid #ccc;
}

h2 {
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 1em 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 180%;
	color: #3cb371;;
	border-bottom:1px solid #3cb371;
}

h3 {
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 10px 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 160%;
	color: #000000;;
}

h4 {
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
	color: #000;
}

h5 {
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 15px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
	color: #3cb371;
}

h6 {
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 10px 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 140%;
	color: #3cb371;
}

.text_08px { 
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 1em 0px;
	font-size: 10px;
	font-weight: normal;
	line-height: 160%;
	color: #999;
}

.text_10px { 
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 0.5em 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 100%;
	color: #000;
}

.text_12px_red { 
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 0.5em 0px;
	font-size: 13px;
	font-weight: normal;
	line-height: 100%;
	color: #ff0000;
}

.text_ex { 
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	color: #000;
}

.color_01 { 
	color: #3cb371;
}

.color_02 { 
	color: #cd853f;
}

/* リスト */

dl
{
width: 650px;
}

dt
{
clear: both;
float: left;
margin: 0;
width: 90px;
padding: 0px 0px 10px 0px;
border-top: 0px solid #DDD;
}

dd
{
float: right;
margin: 0;
width: 560px;
padding: 0px 0px 10px 0px;
border-top: 0px solid #DDD;
}
	


/* ページ最上部へのスライド */

#back-top {
	position: fixed;
	right: 20px;
    bottom: 20px;
    z-index: 1500;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: x-small Montserrat;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	
}
#back-top a:hover {
	color: #FFF;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	background: #3cb371 url(../images/arrow_top.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#back-top a:hover span {
	background-color: #b2d7b6;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}