@charset "utf-8";


/******************************************************************
 *
 * ベース
 *
 *****************************************************************/

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
}

body,
button,
input,
select,
textarea {
	font-family:Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 必要要素の初期設定 */

html {
	 font-size: 62.5%;
}

/* IE7のpadding設定 */
*:first-child+html body {
	padding-left: 1px;
}
 
/* IE6のpadding設定 */
*html body {
	padding-left: 1px;
}

body {
	font-size:15px;
	font-size: 1.5rem;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	color:#333;
	background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	line-height: normal;
	letter-spacing:-1px;
	font-weight:normal;
}
p {
	margin:0;
}

img {border:0;}

ul,
ol {
  margin-left: 0;
  padding: 0;
}

dd {
  margin: 0;
}

ul,
ol {
  list-style: none;
  list-style-image: none;
}

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

/* ベースレイアウト */

#wrapper {
	position: relative;
	top:0px;
	margin:0 auto;
	padding:0;
	width: 100%;
	height: auto !important;	/* IE6対策 */
	height: 100%;	/* IE6対策 */
	min-heigth: 100%;
	background-color:#FFF;
}

#HEADER {
	height:100px;
	background:url(../img/bg_header2.png) repeat-x #76d4fa;
}
#common-header {
	position:relative;
	height:100px;
	background:url(../img/bg_header1.jpg) no-repeat top left;
}
#LOGO {
	position:absolute;
	top:35px;
	left:5px;
	height:55px;
	width:96%;
}
#LOGO img {
	width:100%;
}


#ORDER {
	position:absolute;
	top:118px;
	right:0px;
	width:100%;
}

#orderBTN{
	width: 280px;
	margin: 0 auto;
}
#orderBTN li{
	display: block;
	float: left;
	width: 280px;
	margin-bottom:5px;
	border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
}
#orderBTN li.login {
	background-color: #ff0000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6666), to(#ff0000));
	background-image: -webkit-linear-gradient(#ff6666, #ff0000);
	background-image: linear-gradient(#ff6666, #ff0000);
}
#orderBTN li.login a {
	border:#ff0000 solid 1px;
}
#orderBTN li.user {
	background-color: #00008b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6666b9), to(#00008b));
	background-image: -webkit-linear-gradient(#6666b9, #00008b);
	background-image: linear-gradient(#6666b9, #00008b);
}
#orderBTN li.user {
	border:#00008b solid 1px;
}
#orderBTN li.order {
	background-color: #ff8c00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc04d), to(#ff8c00));
	background-image: -webkit-linear-gradient(#ffc04d, #ff8c00);
	background-image: linear-gradient(#ffc04d, #ff8c00);
}
#orderBTN li.contact {
	background-color: #008000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4da64d), to(#008000));
	background-image: -webkit-linear-gradient(#4da64d, #008000);
	background-image: linear-gradient(#4da64d, #008000);
}
#orderBTN li.login a:hover,#orderBTN li.user a:hover,#orderBTN li.order a:hover,#orderBTN li.contact a:hover, {
	border:#ffdc00 solid 4px;
}
#orderBTN li a{
	display: block;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
	background:url(../img/bg_header-btn.png) no-repeat;
	background-position:7% 50%;
}
#orderBTN li a span {
	display:block;
	text-decoration: none;
	font-weight:bold;
	font-size:17px;
	font-size: 1.7rem;
	color: #FFF;
	text-shadow: #594e52 1px 1px;
	padding:9px 0 9px;
	text-align:center;
}
#orderBTN li.displayMenu {
	display:none;
}
#orderBTN li a:hover{
	text-decoration: none;
	background-color: #ffdc00;
	border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
}


#common-contents {
	background:url(../img/bg_main.jpg) repeat-x;
	margin: 0 auto;
}

.MAIN {
	width: 100%;
	margin: 15px 0 25px;
}

.MAIN p{
	margin: 0 10px 15px 10px;
	line-height: 1.7;
}

#footerMenu {
	background: #191970;
}
#footerMenu .inner {
	line-height:1.4;
	padding:12px 0;
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	color:#674437;
}
#footerMenu a {
	font-size: 14px;
	font-size: 1.4rem;
	color:#FFF;
	text-decoration:none;
}
#footerMenu a:hover, #footerMenu a:active, #footerMenu a:focus {
	color:#ffc0cb;
	text-decoration:none;
}

#footer {
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom:20px;
	text-align: center;
	border-top:#333 1px dotted;
	color:#3232a5;
}
.fCopyright {
	width:100%;
	color:#222;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
	font-size:11px;
}


/* 画像のスタイル指定 */
	
#common-banner {
	 margin: 0 0 1em;
}
img.adjust {
	 width: 100%;
	 max-width:100%;
	 height: 55px;
	 border: none;
}



/* 各要素のデザイン、レイアウト */

h1 {
	position:absolute;
	top:26px;
	left:15px;
	background:url(../img/bg_ribon.png) no-repeat;
	background-position:0 50%;
	font-size: 13px !important;
	font-size: 1.3rem;
	line-height:1.0;
	text-align:left;
	margin:0;
	color:#333;
	font-weight:bold;
	padding:1px 0 0 18px;
	text-shadow: #FFF 1px 1px;
}

.wH2 {
	border-top:#000080 1px solid;
	border-bottom:#000080 1px solid;
	margin-bottom:15px;
	width:100%;
}
.wH2 h2 {
	display:block;
	color:#FFF;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	margin: 0;
	padding:12px 0 12px;
	font-weight:bold;
	text-align: center;
	border-top:#FFF 2px solid;
	border-bottom:#FFF 2px solid;
	background-color: #000080;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2727cc), to(#000080));
	background-image: -webkit-linear-gradient(#2727cc, #000080);
	background-image: linear-gradient(#2727cc, #000080);
}

h3 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight:bold;
	border-left:#ff0000 solid 6px;
	border-bottom:#bbb dotted 1px;
	padding:2px 0 2px 5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
}


/* Media Queries による切り替え */

@media only screen and (min-width: 500px) {
	
	#LOGO {
	width:456px;
	}


}