@charset "utf-8"

/* ====================================================

	スタイルのリセット

====================================================*/

html {
	height: 100%;
}

body{
	height: 100%;
	overflow-y: scroll;
	text-align: center;
	color: #606060;
}

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

a {
	zoom:1;
	text-decoration:none;
	color:#808080;
}

img {
	border:none;
	vertical-align:middle;
}

ul,ol {
	list-style:none;
}

fieldset {
	border:none;
}

caption,th {
	text-align:left;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

q:befor,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}


/* ----------------------------------------------------
	letter-spacingを使用時の
	<br>IE不具合対応
---------------------------------------------------- */

br { /*  */
	letter-spacing:normal;
}

/* ----------------------------------------------------
	1px Centering Fix
---------------------------------------------------- */
*:first-child+html body {
 padding-left: 1px!important;
}
*html body {
padding-left: 1px;
}

/* ====================================================
	
	フォントサイズの初期化
	---------------------------------
    10px =  83% 	20px = 166%
	11px =  91%     21px = 175%
	12px = 100%     22px = 183%
	13px = 108%    	23px = 191%
	14px = 116% 	24px = 200%
	15px = 125%     25px = 208%
	16px = 133%     26px = 216%
	17px = 141%     36px = 300%
	18px = 150%     48px = 400%
	19px = 158%
	------------------------------
	
====================================================*/
body {
	background-image: url(../images/pagebackground.png);
	font-size: 12px;
	font-family: "メイリオ",meiryo,
                 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W4",
                 "ＭＳ Ｐゴシック","Osaka",sans-serif;
	line-height:1.5;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

em {
	font-style:normal;
}

strong {
	font-weight:bold;
}

table {
	font-size:100%;
	font-family:inherit;
}


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

.font10{ font-size: 83%; }

.font15{ font-size: 108%; }

.captionfont{
	margin:30px 0px 20px 0px;
	font-size: 191%;
	line-height:1.2;
	letter-spacing: -0.1em;
	font-weight:bold;
	color: #aa7942;
 }

/* ====================================================

	creafixなどフロート解除関連
	
====================================================*/

.clear {
	clear: both;
}

/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */

.clearfix {
	zoom:1;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}


/* ====================================================
	
	クラスライブラリ
	
====================================================*/


/* ----------------------------------------------------
	float
---------------------------------------------------- */

.fr {
	float: right;
}

.fl {
	float: left;
}


/* ----------------------------------------------------
	a
---------------------------------------------------- */

.a-blue {
	letter-spacing: 0em;
	color: #2f97ff;
}

.a-blue:hover {
	text-decoration:underline;
}

.a-img:hover {
	background-color:#fff;
}

.a-img2:hover {  
    opacity: 0.8;  
    filter: alpha(opacity=80);  
}  

/* ----------------------------------------------------
	margin
---------------------------------------------------- */

.mtop5{
	margin-top:5px;
}

.mtop35{
	margin-top:35px; 
}

.mbottom15{
	margin-bottom:15px; 
}

.mleft15{
	margin-left:15px; 
}

/* ----------------------------------------------------
	ページ構成
---------------------------------------------------- */

nav {
	clear: both;
	border:0px;
	width:85%; height: 20px;
    margin:0px;
    padding:35px 0px 30px 0px;

}

footer {
	width:930px; height:25px;
	border-top:solid 1px #dbdbdb;
	clear: both;
	margin:14px auto 0px auto;
	padding:5px;
	text-align: left;
	line-height:25px;
	font-size:75%;
	color: #606060;
}


/* ----------------------------------------------------
	ナビゲーションバー
---------------------------------------------------- */

#navibar{

	margin-left: 0px;
	padding-left: 5px;
	font-size:100%;
}

#navibar a {
	display:block;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: #606060;
}

#navibar a:hover {
	display:block;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: #aa7942;
}

.navi-line {
	height: 15px;
	padding: 0px 0px 0px 10px;
	float:left;
	text-align:center;
	
	border-right:solid 1px #dbdbdb;

}
.navi-noline {
	height: 15px;
	padding: 0px 0px 0px 10px;
	float:left;
	text-align:center;

}


/* ----------------------------------------------------
	mainbox
---------------------------------------------------- */

.originset { position: relative; }

.centerbox { margin:0px auto; }

.mainbox {
	width:950px; height:100%;
    margin:0px auto;
	background-color:#fff;

	box-shadow: 5px 0px 5px #aaa; /*CSS3*/
	-moz-box-shadow: 5px 0px 5px #aaa; /* Firefox用*/
	-webkit-box-shadow: 5px 0px 5px #aaa; /* Google Chrome, Safari用*/
}

.box-line {
	display:inline-block;
	_display:inline;
	border:1px solid #ebebeb;
	border-radius: 5px;	
	border-top-color:#ebebeb;
	border-left-color:#ebebeb;
	border-right-color:#ebebeb;
	border-bottom-color:#ebebeb;
	background-color:#fff;
}

.orderbutton {
	position: absolute;
	top: 330px;
	left: 605px;
}


/* ----------------------------------------------------
	top
---------------------------------------------------- */

.toptitle {
	position: absolute;
	top: 110px;
	left:500px;
}


.toparticle {
	clear: both;
	width:810px;
	margin:25px 0px 15px 0px;

	padding:0px;

	text-align: left;
	font-size: 133%;

	color: #606060;
}

.topmenu {
	display:inline-block;
	_display:inline;
	width:333px; height:312px;
	margin:20px 22px 0px 22px;
	padding:0px 0px 0px 0px;

	text-align: center;
	letter-spacing: -0.1em;

	font-size:100%;
	color: #606060;
	background-color:#f9f9f9;
}


.topcolumn {
	display:inline-block;
	_display:inline;
	width:715px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;

	text-align: left;
	letter-spacing: -0.0em;

	font-size:133%;
	color: #606060;
}


.inquirybox {
	display:inline-block;
	_display:inline;
	width:715px;
	margin:15px 0px 10px 0px;
	padding:10px 0px 40px 0px;

	text-align: center;
	letter-spacing: -0.1em;

	font-size:133%;
	color: #606060;
	background-color:#f9f9f9;
}


/* ----------------------------------------------------
	regulations
---------------------------------------------------- */

.reguarticle {
	width:790px;
	margin:25px 0px 30px 0px;

	padding:0px 20px 0px 10px;

	text-align: left;
	font-size: 116%;
	color: #606060;
}

.reguol{
	padding:0px 10px 0px 30px;
	list-style-type: decimal;
}


/* ----------------------------------------------------
	order
---------------------------------------------------- */

.orderaticle {
	clear: both;
	width:810px;
	margin:25px 0px 15px 0px;

	padding:0px;

	text-align: left;
	font-size: 116%;

	color: #606060;
}


.orderbox {
	text-align: left;

	margin:25px 0px 20px 0px;
	padding: 25px;

	width: 750px!important;
	width/**/: 780px;
	background-color: #FFFFFF;

	border:1px solid #bbb;
	border-radius: 5px;	

}

.thanksbox {
	text-align: center;

	margin:25 0px 20px 0px;
	padding: 50px 0px 50px 0px;

	width: 550px;

	background-color: #FFFFFF;

	border:1px solid #bbb;
	border-radius: 5px;	

}