@charset "UTF-8";

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #666;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 16px;
	line-height: 1.8em;
}


/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}

li{
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom: 0px;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
	opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}


/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header {

}
.header_parts{
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 5px;
}

.header_im{
	float: left;
	width: 290px;
}

.header_menu{
	float: right;		/*/float: left;
	width: 670px;/*/
	
}

.header_menu ul{
	float: right;
}
.header_menu li{
	float: right;
	margin-left: 20px;
	padding-top: 35px;
    
}

.header_lang{
	font-size: 12px;
	text-align: right;
}

.catch ul{
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	margin-bottom: 20px;
}
.catch li{
padding-left: 1em;
 text-indent: -1em;
}
.dan_non li{
	padding-left: 0em;
	text-indent: 0em;
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
.container {
background-image: url(../image/back.jpg);
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:100% 100%;
background-size:100% 100%; 
}

.content {
	width: 960px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	position: relative;
}

.ssbtn{
	position: absolute;
	left: 751px;
	top: 456px;
}




/* ~~ フッター ~~ */
.footer {
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer_parts {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.footer_im{
	width: 290px;
	float: left;
}

.footer_ad{
	float: left;
	width: 200px;
	font-size: 12px;
	line-height: 1.5em;
	margin-left: 19px;
    text-align: left;
}

.footer_menu{
	float: left;
	width: 160px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	padding-left: 30px;
}

.footer_menu li{
	margin-bottom: 3px;
}

.footer_right{
	width: 260px;
	float: left;
}

.footer_member{
	float: left;
	width: 192px;
	margin-left: 68px;
}

.footer_copyright{
	font-size: 10px;
	line-height: 1.5em;
	padding-top: 15px;
	text-align: right;
	width: 260px;
}




/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*/検索/*/

.search{
	width: 300px;
	float: left;
	margin-left: 210px;
}

.searchTx{
	width: 200px;
}

.searchBt{
	padding: 2px;
	margin-left: 5px;
}

.pankuzu{
	font-size: 14px;
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 50px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
/* page-top */


.sp_main{
	display:none;
}
/*/sp_text/*/
.sp_text{
   display:none;
}


/*/under_menu/*/

.under_menu{
	display:none;
}

.under_menu ul{
	display:none;
}


.under_menu li{
	display:none;
}

.fee{
    font-size: 16px;
    color: #FFF;
    background-color: #F99;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 800;
}

.outline{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.p14{
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.under{
    text-align: justify;
    margin-top: 30px;
}
input [type="radio"]{
}

.redio label{
	margin: 0px;
	width: 50px;
	height: 30px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.jpy{
	font-size: 18px;
	font-weight: 800;
	color: #FFF;
	background-color: #6CC;
	padding: 10px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
	width: 70%;
	box-sizing: border-box;
		border-radius: 5px;
}

.tax{
	text-align: center;
	background-color: #FC8DA2;
	width: 70%;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
}

strong{
	color: #F60;
	white-space: nowrap;
}
.marker{
    text-align: left;    
}

.note{
    text-align: left;
    font-size: 14pt;
}

.note_tti{
    font-size: 20px;
    text-align: left;
    font-weight: 800;    
}


/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {
	
	.jpy{
	width: 100%;
}

.tax{
	width: 100%;
}

.outline input[type="text"]{
	width: 90%;
}

	html {
		overflow-x: hidden;
	}
	
	body {
		overflow-x: hidden;
	}
	
	.header_parts{
	padding-bottom: 0px;
	padding-left: 10px;
	}
	
	.header_menu {
	display: none;
	}
	.header_lang{
	display: none;
	}
	
	.header_im{
	}

	.header_im img{
	width: 250px;
	}
	
	.pankuzu{
	font-size: 14px;
	margin-left: 10px;
}
	
	/*/top_content/*/
	.content{
	width: 100%;
	overflow: hidden;
	*zoom: 1;
	}
	
	.pc_main{
	display:none;
    }
	
	.sp_main {
	display:block;
	}
	
	.sp_main  img{
	width: 100%;
	height: auto;
	}
	
   .ssbtn{
	position: absolute;
	left:60%;
	top:60%;	
	}
	
	/*/sp_copy/*/
.sp_text{
	display: block;
	padding: 10px;
	width: auto;
}

	
	/*/footer/*/

	.footer_parts {
	width: auto;
	overflow: hidden;
	*zoom: 1;
	padding-right: 10px;
	padding-left: 10px;
   }

.footer_im{
	/*/width: 290px;/*/
	width:100%;
	float: left;
}

.footer_menu{
	display: none;
}

.footer_menu li{
	display: none;
}
.footer_ad{
	float: left;
	/*/font-size: 14px;
	line-height: 1.5em;/*/
	/*/width: 50%;/*/
	margin-left: 74px;
}
/*/
.footer_right{
	float: right;
	width: auto;
	margin-top: 0px;
}
/*/

.footer_right{
	width: 100%;
	margin-top: 20px;
}

.footer_member{
	margin-left: 74px;
}

.footer_copyright{
	margin-left: 74px;
	text-align: left;
}



/*/under_menu/*/

.under_menu{
	display: block;
}

.under_menu ul{
	display: block;
	list-style-type: none;
	width: 100%;
	opacity: 0.9;
	background-color: #000000

}
.under_menu li{
	display: block;
	text-align: center;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999;
}

.under_menu li a {
	text-decoration: none;
	display: block;
	padding: 15px 0;
	color: #FFF;
}

.under_menu li a:hover {
	background: #a9a9a9;
	opacity: 0.9;
	color: #FFF;
}

 
}



/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {
	.header_im img{
	width: 230px;
	}
	
.footer_ad{
	float: left;
	font-size: 13px;
	line-height: 1.5em;
	width: 100%;
	margin-left: 74px;
}






	


}