@charset "utf-8";

/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html {
	color:#000;
	background:#f5f5f5
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 42pt;
	font-weight: bold;
	color: #333;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}
ol, ul {
	list-style:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal
}
q:before, q:after {
	content:''
}
abbr, acronym {
	border:0;
	font-variant:normal
}
sup {
	vertical-align:text-top
}
sub {
	vertical-align:text-bottom
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit
}
input, textarea, select {
*font-size:100%
}
legend {
	color:#000
}
#yui3-css-stamp.cssreset {
	display:none
}

/*
 *		resetここまで
 */



/*
 *		フォーム
 */
.submit {
	margin:20px auto 0;
	color:#000;					/*		フォーム内の文字色		*/
	font-size:24px;				/*		フォーム内の文字サイズ	*/
	background:url(images/bg_form.png) no-repeat;
}
.submit form dt {
	margin: 28px 15px 0 20px;
	float:left;
	clear:both;
}
.submit form dd {
	padding-top:28px;
	float:right;
	display:inline-block;
}

.submit form dt.meado {
	margin: 18px 15px 0 20px;
	float:left;
}
.submit form dd.meado {
	padding-top:18px;
}
.submit form .btn {
	margin:20px auto 10px;			/*		ボタンセンター揃え	マージン（余白）上に25px、下に10px	*/
	clear:both;
	text-align:center;
}
.submit form .btn input {
	cursor: pointer;			/*		カーソルを指に変更	*/
	}

.submit form .btn input:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";	/*		カウンターを載せるとボタンの色が変わる	*/
}
.deco {/* フォームの入力欄装飾用 */
	height:1.2em;
	border:0;
	padding:10px 6px 4px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#444;
	border:solid 1px #ccc;
	width:360px;						/*		入力欄の幅		*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}

.wide .submit form dd	{
	margin-right: 80px;
	}

/*
 *		フォームここまで
 */



	
/* IE7でpadding指定 */
*:first-child+html body {
	padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
	padding-left: 1px;
}




body {
	background:url(images/001.jpg) repeat-y center top;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:112.5%;
	line-height:1.8;
	color: #000;
}





.fl {
	float:left;
	}
.fl,.fl2 {
	float:left;
	}



	
.fr {
	float:right;
	}

img {
	display:block;
}
strong {
	font-weight:bold;
	}
#wrapper {
	margin:0 auto;
	width:900px;
}
#container {
	width: 960px;		/*サイトコンテンツ全体の横幅指定*/
	margin: 0 auto;
	background-color: #ffffff;		/*サイトコンテンツ全体の背景色の指定*/
	box-shadow: 0 0 15px 3px rgba(0,0,0,0.6);		/*以下、サイトコンテンツ両横の影指定*/
	-moz-box-shadow: 0 0 20px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 15px 3px rgba(0,0,0,0.6);
	-ms-box-shadow: 0 0 15px 3px rgba(0,0,0,0.6);
	font-size: 18pt;
}
header img {
	margin:0 auto;
	}

footer {
	margin-top:90px;
	padding: 20px 0;
	width:100%;
	background:#393939;
	color:#fff;
	text-align: center;
	font-size:medium;
}

.narrow {
	margin:20px auto 30px;
	overflow:hidden;
	}

.narrow .txt1 {
	padding:10px;
	width:300px;
	}

.narrow .txt1.fl {
	margin-right:30px;
	}

.narrow .arw {
	margin-top:65px;
	}

.narrow .submit {
	margin-left:30px;
	}

.narrow	.submit.pt1 {
	margin-top:50px;
	width:290px;
	height:260px;
	font-size:18px;
	}	

.submit.pt1 form dt {
	float:none;
	margin-top:10px;
}
.submit.pt1 form dd {
	float:none;
	margin:0;
	padding:0;
}


.narrow .submit.pt1 .deco {
	margin:0;
	margin-left:20px;
	display:block;
	width:236px;
	font-size:16px;
	}
	


.msg {
	margin-bottom:50px;
	overflow:hidden;
	}

.subhead{
	padding-left:40px;
	width:760px;
	height:120px;
	font-size:30px;
	line-height:120px;
	}	

.msg article {
	margin:50px auto 0;
	width:780px;
	overflow:hidden;
	}	

.msg .txt2 {
	margin:0;
	width:500px;
	}

.msg .txt3 {
	margin-top:10px;
	width:780px;
	}

.msg img.fl {
	margin-left:20px;
	}

.msg img.fl2 {
	margin-left:10px;
	}

.msg img.fr {
	margin-right:20px;
	}

.msg .txt2.fl {
	margin-left:10px;
	}
.msg .txt2.fr {
	margin-right:10px;
	}
	
.bullet ul {
	margin:50px auto 30px;
	width:700px;
	}
	
.bullet ul li {
	padding-left:30px;
	background:url(images/cb.png) no-repeat 0 5px;
	}
	
.wide {
	margin:30px auto;
	width:740px;
	}
	
.wide.upside {
	margin-top:20px;
	}
	
.wide img {
	margin:0 auto;
	}

.wide .pub_form {
	overflow:hidden;
	}


	
/*
 *		カスタマイズ用
 */
		
.red {					/*	文字を赤くします	*/
	color:red;
}
.highlight {		/*	背景を黄色（ハイライト）にします		*/
	background-color:#FFFF00;
}



/*	サブヘッドカスタマイズ用	*/


.arr1	{
	background: linear-gradient( 180deg, #FFF, #FFF 50%, #CCC  );
        margin-left:50px;
	}
	
.arr2	{
	background: linear-gradient(90deg,#DDD, #FFF);
        margin-left:50px;
	}

.arr3	{
	background: linear-gradient( 180deg, #DDD, #FFF 50%, #DDD );
        margin-left:50px;
	}

.arr4	{
	width:758px;
	height:118px;
	box-shadow: 1px 1px 30px #DDD inset,-1px -1px 30px #DDD inset;
	border:1px solid #222;
        margin-left:50px;
	}
	
.arr5	{
	width:758px;
	height:118px;
	box-shadow: 1px 1px 30px #DDD inset,-1px -1px 30px #DDD inset;
	border-radius: 60px;
	border:1px solid #222;
        margin-left:50px;
	}
	
.arr6	{
	width:758px;
	height:118px;
	box-shadow: 1px 1px 30px #DDD inset,-1px -1px 30px #DDD inset;
	border-radius: 40px;
	border:1px solid #222;
        margin-left:50px;
	}

.arr7 {
	background: linear-gradient( 90deg, #FFF, #222 50%, #FFF );
	box-shadow: 0px 110px 0px 0px #FFF inset;
        margin-left:50px;
	}

.arr8 {
	padding-left: 30px;
	width: 750px;
	border-left:20px solid #222;
        margin-left:50px;
	}

.arr9 {
	padding-left: 30px;
	width: 750px;
	height: 115px;
	border-left:20px solid #222;
	border-bottom:5px solid #222;
        margin-left:50px;
	}
	
.img1 {
	background:url(images/subhead1.png);
        margin-left:50px;
        	}

.img2 {
	background:url(images/subhead2.png);
        margin-left:50px;
	}
	
.img3 {
	background:url(images/subhead3.png);
        margin-left:50px;
	}
	
.img4 {
	background:url(images/subhead4.png);
        margin-left:50px;
	}

.img5 {
	background:url(images/subhead5.png);
        margin-left:50px;
	}

.img6 {
	background:url(images/subhead6.png);
        margin-left:50px;
	}

.img7 {
	background:url(images/subhead7.png);
        margin-left:50px;
	}

.img8 {
	background:url(images/subhead8.png);
        margin-left:50px;
	}

.img9 {
	background:url(images/subhead9.png);
        margin-left:50px;
	}

.img10 {
	background:url(images/subhead10.png);
        margin-left:50px;
	}

.img11 {
	background:url(images/subhead11.png);
        margin-left:50px;
	}

.img12 {
	background:url(images/subhead12.png);
        margin-left:50px;
	}

.img13 {
	background:url(images/subhead13.png);
        margin-left:50px;
	}

.img14 {
	background:url(images/subhead14.png);
        margin-left:50px;
	}

.img15 {
	background:url(images/subhead15.png);
        margin-left:50px;
	}

.img16 {
	background:url(images/subhead16.png);
        margin-left:50px;
	}

.img17 {
	background:url(images/subhead17.png);
        margin-left:50px;
	}

.img18 {
	background:url(images/subhead18.png);
        margin-left:50px;
	}

.img19 {
	background:url(images/subhead19.png);
        margin-left:50px;
	}

.img20 {
	background:url(images/subhead20.png);
        margin-left:50px;
	}

/*	チェックボックスカスタマイズ用	*/

.bullet ul.cb1 li {
	background-image:url(images/cb1.png);
	}

.bullet ul.cb2 li {
	background-image:url(images/cb2.png);
	}

.bullet ul.cb3 li {
	background-image:url(images/cb3.png);
	}

.bullet ul.cb4 li {
	background-image:url(images/cb4.png);
	}

.bullet ul.cb5 li {
	background-image:url(images/cb5.png);
	}

.bullet ul.cb6 li {
	background-image:url(images/cb6.png);
	}

.bullet ul.cb7 li {
	background-image:url(images/cb7.png);
	}

.bullet ul.cb8 li {
	background-image:url(images/cb8.png);
	}

.bullet ul.cb9 li {
	background-image:url(images/cb9.png);
	}
	
/*	ボーダーカスタマイズ用	*/


.narrow {
	background: #ffffff;
       	}

.narrow .submit {
	background:#ffffff;
        border:solid 5px #393939;
	}

.wide .submit {
	background:#ffffff;
        border:solid 5px #393939;
	}

.msg article {
	background: #ffffff;
	}	

.bullet article {
	background: #ffffff;
	}
	
	/* ヘッダーの固定 */
div#spheader-fixed
{
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 960px;                /* 横幅100%　*/
    height: 30px;              /* 縦幅140px */
	vertical-align:middle;
	padding:10px 0 10px;       /* 上10px、下20pxをあける */
	margin: auto;              /* 中央揃え */
	background-color:#444;     /* 背景色(黒) */
	background-position: center;
	width:100%;                /* 横の幅を100% */
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}

.headerfont {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
}

/* フッターの固定 */
div#spfooter-fixed
{
    bottom: 0px;                /* 位置(下0px) */
    left: 0px;                  /* 位置(左0px) */
	width: 960px;                /* 横幅100%　*/
    height: 40px;              /* 縦幅140px */
	background-color:#444;     /* 背景色(黒) */
	background-position: center;
	padding:5px 0 20px;       /* 上10px、下20pxをあける */
	width:100%;                /* 横の幅を100% */
	margin: auto;              /* 中央揃え */
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}
	
/*
 *		カスタマイズ用ここまで
 */
.qa {
	margin-top: 30px;
}
.btn_possision {
	clear: both;
	margin-top: 30px;
	margin-right: 170px;
	margin-bottom: 0px;
	margin-left: 170px;
}
.fotter-margin {
	margin-top: 30px;
	margin-right: 170px;
	margin-bottom: 0px;
	margin-left: 170px;
	padding-bottom: 30px;
	clear: both;
}

.osanai_margin {
	clear: both;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.headermail {
	position: relative;
}
.headermail a {
	position: absolute;
	top: 40px;
	left: 526px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFF;
	font-size: 22px;
	font-size-adjust: inherit;
}

a.white:link {
text-decoration : none; 
color : #ffffff; 
}
a.white:visited {
text-decoration : none; 
color : #ffffff; 
}
a.white:active {
text-decoration : none; 
color : #ffffff; 
}
a.white:hover {
text-decoration : none; 
color : #ffffff; 
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

.closebottom {
	margin-bottom: 40px;
}