@charset "UTF-8";


/* ---------------------------------------------------------------------------------------------------- 
Reset
---------------------------------------------------------------------------------------------------- */
/* font */

/* --------------------------------------------------
	reset.css ver 1.4 with jQuery [2009/04/24]
	*This document validates as CSS level 2.1
	*GNU General Public License v3
	*http://higash.net/labo/

	Modify YUI Reset CSS, YUI Fonts CSS	
	*Copyright (c) 2008, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.html
-------------------------------------------------- */

/* --------------------------------------------------
	25px / 189%    |    24px / 182%    |    23px / 174%
	22px / 167%    |    21px / 154%    |    20px / 147%
	19px / 140%    |    18px / 138.5%  |    17px / 131%
	16px / 123.1%  |    15px / 116%    |    14px / 108%
	13px / 100%
	12px / 93%     |    11px / 85%     |    10px / 77%
-------------------------------------------------- */

body {
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table { font-size: inherit; }
* html table { font-size: 100%; }
*+html table { font-size: 100%; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; }

/* ---------------------------------------------------------------------------------------------------- */
/* universal */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* body */

html {
	overflow-y: scroll;
	color: #666;
}
body { text-align: center; }

/* ---------------------------------------------------------------------------------------------------- */
/* headline */

h1,
h2,
h3,
h4,
h5,
h6 { color: #333; }

/* ---------------------------------------------------------------------------------------------------- */
/* clear */

#container:after,
#container_inner:after,
#contents:after,
#globalmenu:after,
#top:after,
.ebox:after,
.einner:after,
.cf:after,
ul.photo:after,
ol.photo:after {
	content: url(../images/common/spacer.gif);
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container,
#container_inner,
#contents,
#globalmenu,
#top,
.ebox,
.einner,
.cf,
ul.photo,
ol.photo { display: inline-block; }
#container,
#container_inner,
#contents,
#globalmenu,
#top,
.ebox,
.einner,
.cf,
ul.photo,
ol.photo { display: block; }

/* ---------------------------------------------------------------------------------------------------- */
/* image-title */

.gh,
.ghl li {
	font-size: 2px;
	text-indent: -9998em;
}
.gh a,
.ghl li a { display: block; }

/* ---------------------------------------------------------------------------------------------------- */
/* text */

address,
caption {
	font-style: normal;
	font-weight: normal;
}

/* ---------------------------------------------------------------------------------------------------- */
/* list */

ol,
ul { list-style: none; }
dt { color: #333; }

/* ---------------------------------------------------------------------------------------------------- */
/* table */

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
caption,
th { text-align: left; }
th {
	color: #333;
	font-style: normal;
	font-weight: normal;
}
tbody th { white-space: nowrap; }

/* ---------------------------------------------------------------------------------------------------- */
/* image */

img {
	border: none;
	vertical-align: bottom;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img { vertical-align: middle; }

/* ---------------------------------------------------------------------------------------------------- */
/* link */

a {
	outline: none;
	cursor: pointer;
}
a img { border: none; }

/* ---------------------------------------------------------------------------------------------------- */
/* form */

fieldset { border: none; }

/* ---------------------------------------------------------------------------------------------------- 
style
---------------------------------------------------------------------------------------------------- */



#main { overflow: hidden; }
.ebox { margin-bottom: 20px; }

/* ---------------------------------------------------------------------------------------------------- */
/* body */

body {
	color: #333;
	line-height: 1.5;
	background: url(../images/common/body_bg.gif) repeat-x left top;
}

/* ---------------------------------------------------------------------------------------------------- */
/* composition */

.top_bg {
	background: url(../images/common/top_bg.gif) no-repeat center top;
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}
#top {
	width: 910px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
}
#container { margin-bottom: 40px; }
#main {
	width: 660px;
	float: right;
}
#sub {
	width: 220px;
	float: left;
}

/* ---------------------------------------------------------------------------------------------------- */
/* link */

a { color: #00A43D; }
#footnavi a,
#footmenu a,
#head li a { color: #666; }
#copyright a { text-decoration: none; }

/* hover */

#top a:hover,
#copyright a:hover { color: #F66; }
a img:hover {
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
	opacity: .8;
}
.rollover a img:hover {
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* head */

#head {
	margin-bottom: 20px;
	position: relative;
	height: 10px;
}

/* banner */

#head p.bnr {
	position: absolute;
	top: 10px;
	right: 0;
}

#head p.bnr img { vertical-align: top; }

/* headmenu */

#head ul {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	letter-spacing: -.4em;
	line-height: 1;
}
* html #head ul { line-height: 1.2; }
*+html #head ul { line-height: 1.2; }
#head li {
	letter-spacing: normal;
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #ccc;
}
#head li.last {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
body#comp #head li a:hover,
body#comp #head li.m01 a {
	color: #F66;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* foot */

#foot {
	width: 910px;height:30px;
	margin: 0 auto;
	text-align: left;
	background: #89d39d url(../images/common/foot_bg.gif) repeat-x;
	margin-bottom: 10px;
	position:relative;
}
#foot ul{
	position:absolute;
	top:5px; right:10px;
}
#foot li{
	display:inline-block;
	margin-left:15px;
}
#foot li a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* copyright */

#copyright {
	font-size: 93%;
	margin-bottom: 10px;
	text-align:center;
}



/* ---------------------------------------------------------------------------------------------------- */
/* headline */

/* h1 */

h1 {
	margin:0;
	padding: 0;
}

/* h2 */

h2 {
	font-size: 150%;
	font-weight:bold;
	margin:0 0 0 0;
}
* html h2 { font-weight: bold; }
*+html h2 { font-weight: bold; }

/* h3 */

h3 {
	font-size: 131%;
}

*+html h3 { font-weight: bold; }

/* h4-5 */

.ebox h4,
.ebox h5 { margin-bottom: 5px; }


a:hover img,
a:active img{
	filter: alpha(opacity=80);	/* for IE */
	-moz-opacity:0.8;	/* for FF */
	opacity:0.8;
}
#globalMenu a:hover img, #btnSide a:hover img, /* on画像を除外 */
#globalMenu a:active img, #btnSide a:active img{
	filter: alpha(opacity=100);	/* for IE */
	-moz-opacity:1;	/* for FF */
	opacity:1;
}



/* ---------------------------------------------------------------------------------------------------- */
/* text */

p.right { text-align: right; }
.ebox strong { color: #333; }
.ebox .att { color: #F00; }
.ebox .small { font-size: 85%; }

p.caution_center { text-align: center; }

/* ---------------------------------------------------------------------------------------------------- */
/* margin */
.mb-10 {margin-bottom:10px; display:block;}
.mb-20 {margin-bottom:20px; display:block;}
.mb-24 {margin-bottom:24px;}
.mtb-20 {margin:20px 0;}

/* ---------------------------------------------------------------------------------------------------- */
/* navi */

a.navi,
td.navi a,
.list03 a {
	background: url(navi.gif) no-repeat left center;
	padding-left: 22px;
}
a.navi:hover,
td.navi a:hover,
.list03 a:hover { background: url(navi_on.gif) no-repeat left center; }

/* ---------------------------------------------------------------------------------------------------- */
/* img */

img.l {
	float: left;
	margin-right: 30px;
}
.box2 img.l,
.box3 img.l { margin-right: 10px; }
img.r {
	float: right;
	margin-left: 30px;
}
.box2 img.r,
.box3 img.r { margin-left: 10px; }

/* ---------------------------------------------------------------------------------------------------- */
/* content */
.thanks-message {
	height:150px;
	text-align:center;
	padding:50px 0;
	font-size:15px;
}
.thanks-message h2{
	font-size:20px;
	margin-bottom:20px;
}

#mail-regist {
	min-height:300px;
	padding:50px 0;
	font-size:15px;
}
#thanks-message h2{
	font-size:20px;
	margin-bottom:20px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* box */



.eboxInner {
	border:1px solid #ccc;
	padding:25px 15px;
}
.copy_s {
	color:#38c124;
	font-size:20px;
}
.caution {
	color:#ff0813;
}

.attention {
	color:#003399;

}

.table1 {
	border:1px solid #ccc;
	border-collapse: collapse;
	padding:15px;
}
.table1 th{
	width:270px;
	border:1px solid #ccc;
	padding:15px;
}
.table1 td{
	border:1px solid #ccc;
	padding:15px;
}
.table1 input,#box-regist input{
	padding:5px;
	border:1px solid #ccc;
	background:#f2f2f2;
	border-radius:3px;
}

.p12 {font-size:12px;}
.p14 {font-size:14px;}
.gray1 {color:#999;}
.w50 { width:50px;}
.w100 { width:100px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w400 {width:400px;}

label:hover{
	cursor:pointer
}
.center {text-align:center;}


.button {
	background-color: #fe7271;
	color: #fff;
}
.button:hover {
	background-color: #fe8687;
}
.button {
	display: inline-block;
	width: 300px;
	height:60px;
	text-align: center;
	text-decoration: none;
	outline: none;
	line-height:50px;
	font-size:18px;
	border:3px solid #ccc;
	font-weight:bold;
	border-radius:5px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}