@charset "utf-8";


/*
 *		reset
 */


/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html {
	color:#000;
	background:#FFF
}
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
}
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: 900px;		/*サイトコンテンツ全体の横幅指定*/
	margin: 0 auto;
	background-color: #FFFFFF;		/*サイトコンテンツ全体の背景色の指定*/
	box-shadow: 0 0 20px 5px rgba(0,0,0,0.6);		/*以下、サイトコンテンツ両横の影指定*/
	-moz-box-shadow: 0 0 20px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 20px 5px rgba(0,0,0,0.6);
	-ms-box-shadow: 0 0 20px 5px rgba(0,0,0,0.6);
}
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;
}



#slideshow {
	position:relative;
	height:400px;
}

#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}

#slideshow IMG.active {
	z-index:10;
}

#slideshow IMG.last-active {
	z-index:9;
}




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


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

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

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

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

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

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

.img2 {
	background:url(images/subhead2.png);
	}
	
.img3 {
	background:url(images/subhead3.png);
	}
	
.img4 {
	background:url(images/subhead4.png);
	}

.img5 {
	background:url(images/subhead5.png);
	}

.img6 {
	background:url(images/subhead6.png);
	}

.img7 {
	background:url(images/subhead7.png);
	}

.img8 {
	background:url(images/subhead8.png);
	}

.img9 {
	background:url(images/subhead9.png);
	}

.img10 {
	background:url(images/subhead10.png);
	}


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

.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;
	}
	
/*	タイマーカスタマイズ用	*/
.timer{  
    text-align:center;  
    width:100%;  
    margin:0px auto 0;  
    padding:10px 0;  
    font-size:1.5em;  
    color:#fff;  
    text-shadow:1px 1px 1px #ccc;  
    font-weight:700;  
    line-height:40px;  
    border:1px solid #151515;  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #151515), color-stop(0.00, #4b4b4b));  
    background: -webkit-linear-gradient(top, #4b4b4b 0%, #151515 100%);  
    background: -moz-linear-gradient(top, #4b4b4b 0%, #151515 100%);  
    background: -o-linear-gradient(top, #4b4b4b 0%, #151515 100%);  
    background: -ms-linear-gradient(top, #4b4b4b 0%, #151515 100%);  
    background: linear-gradient(top, #4b4b4b 0%, #151515 100%);  
    shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #151515; /* Safari, Chrome用 */    
    -moz-box-shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #151515; /* Firefox用 */    
    box-shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #151515; /* CSS3 */    
}  

/*	ソーシャルボタン位置カスタマイズ	*/


#socialbuttons div {
  float: right;
  }





/*
 *		カスタマイズ用ここまで
 */