@charset "shift_jis";

/* ------------------------------------------ */
/* base
--------------------------------------------- */
* { margin:0; padding:0; }

body {
color:#333; font-size:small;
font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
line-height:1.6; word-break:normal; word-wrap:break-word; }

/* FFŠm”F—p */
#mainContents,aside,dialog,figure,figcaption,footer,header,hgroup,menu,nav,section { display:block; }

img { border:none; vertical-align:-.5em; }
ul  { list-style:none; }

/* ------------------------------------------ */
/* layout
--------------------------------------------- */
#wrapper { width:100%; border-top:3px solid; overflow:hidden; }

header div, nav ul, #mainContents, footer ul { width:960px; margin:0 auto; }

header    { padding:12px 4px; border-bottom:1px #ccc solid; }
#mainContents   { padding:20px 0; }
section   { padding-bottom:10px; }

/* menu */
#menu { display:none; }
nav   { border-bottom:1px solid #282828; background-color:#333; }
nav a { display:block; text-decoration:none; text-align:center; color:#fff; padding:12px 20px; float:left; }
nav a:hover { background-color:#555; }
nav span  { display:none; }
nav img   { display:inline; }

/* fotter */
footer    { font-size:86%; background-color:#999; }
footer ul { padding:12px 0 8px; overflow:hidden; }
footer li { padding:0 8px 4px; float:left; }
footer a  { color:#fff; text-decoration:none; }
footer a:hover  { text-decoration:underline; }
footer p  { padding:12px; color:#fff; text-align:right; background-color:#333; }

footer_ymd p  { padding:12px; color:#000; text-align:right; background-color:#fff; }


@media only screen and (max-width:960px) {
	header div, nav ul, #mainContents, footer ul { width:90%; margin:0 auto; }
}

@media only screen and (max-width:960px) {
	header div, nav ul, #mainContents, footer_ymd p { width:90%; margin:0 auto; }
}

@media only screen and (max-width:600px) {
	header div, nav , nav ul , #mainContents, footer ul { width:100%; }
	#mainContents { padding-top:0; }
	#topv { position:relative; }
	#menu { display:block; position:absolute; top:8px; right:4px; }
	nav   { display:none; position:absolute; top:0; border-bottom:none; -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2); -o-box-shadow:0 3px 3px rgba(0,0,0,0.2); -ms-box-shadow:0 3px 3px rgba(0,0,0,0.2); }
	nav a { border-bottom:1px #ccc solid; color:#333; background:url(../images/arr.png) 98% center no-repeat #fff; text-align:left; float:none; }
	nav span  { display:inline; }
	nav img   { display:none; }
	footer li { padding:0 8px 4px; float:none; }
	footer a { display:block; padding:8px; color:#333; background:url(../images/arr.png) 98% center no-repeat #fff; }
	footer a:hover, nav a:hover { background-color:#eee; }
}

/* ------------------------------------------ */
/* mod
--------------------------------------------- */

.section { margin:0 16px 16px; }
.pgh-01, .tbl-01, .list-a01, .box-p01, .box-l01 { margin-bottom:10px; }

.ttl-01 { margin-bottom:16px;  padding:16px; font-size:110%; color:#fff; }
.ttl-02 { margin:-16px 0 16px; padding:16px; font-size:140%; color:#555; border-top:1px solid #fff; background-color:#eee; }
.ttl-03 {  font-size:140%; margin-bottom:8px; }

.tbl-01    { border:1px solid #ccc; border-bottom:none; border-collapse:collapse; border-spacing:0; }
.tbl-01 th { padding:8px; border-bottom:1px solid #ccc; text-align:left; background-color:#f2f2f2; }
.tbl-01 td { padding:8px; border-bottom:1px solid #ccc; }

.list-a01 { padding-left:1em; text-indent:-1em; background:none; }
.list-a01 p { text-indent:.1em; }

.box-p01  { padding:16px 8px; background-color:#eee; text-align:center; }
.box-l01  { padding:16px 8px; border:1px solid #ccc; text-align:center; }

.tx-c { text-align:center !important; }
.tx-r { text-align:right !important; }
.tx-l { text-align:left !important; }

.cap01 { color:#f00; }

.link-arr-01 { padding-left:24px; background:url(../images/arr.png) left center no-repeat;}

.btn-01 a {
	display:block;
	width:80%;
	margin:0 auto 10px;
	padding:15px 10px;
	border:1px solid #000;
	background-color:#005da5;
  border-radius:5px;
  -moz-border-radius:5px;
	background:-moz-linear-gradient(#3593c4, #005da5);
	background:-webkit-gradient(linear, left top, left bottom, from(#3593c4), to(#005da5));
	color:#fff;
	font-size:125%;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.btn-01 a:hover {
	background-color:#157ac8;
	background:-moz-linear-gradient(#58b9eb, #157ac8);
	background:-webkit-gradient(linear, left top, left bottom, from(#58b9eb), to(#157ac8)); }

.lay-3clm-01 .inner, .lay-3clm-01 .inner-r { width:32%; float:left; }
.lay-2clm-01 .inner, .lay-2clm-01 .inner-r { width:49%; float:left; }
.lay-2clm-01 .inner, .lay-3clm-01 .inner { margin-right:2%; }

.lay-2clm-01 .inner img, .lay-2clm-01 .inner-r img,
.lay-3clm-01 .inner img, .lay-3clm-01 .inner-r img { text-align:right; }

@media only screen and (max-width:600px) {
.lay-2clm-01 .inner, .lay-2clm-01 .inner-r,
.lay-3clm-01 .inner, .lay-3clm-01 .inner-r { width:100%; float:none; }
.lay-2clm-01 .inner img, .lay-2clm-01 .inner-r img,
.lay-3clm-01 .inner img, .lay-3clm-01 .inner-r img { text-align:center; }
.box-p01, .box-l01  { margin:0 16px; }
}

/* ------------------------------------------ */
/* parts
--------------------------------------------- */
#topimg     { background:url(../images/topv_bg.png) center center no-repeat; -moz-background-size:100% 100%; background-size:100% 100%; }
#topimg div { width:960px; margin:0 auto; padding:100px 0; text-align:center; }
#toptxt   { padding:15px 10px 10px; font-size:150%; font-weight:bold; color:#555; background-color:#eee; text-align:center; }

#price span { font-size:180%; font-weight:bold; }

#dl    { padding:12px; background-color:#282828; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#dl h2 { font-size:115%; padding-bottom:8px; border-bottom:1px solid #000; }
#dl a  { color:#fff; }
#dl .inner, #dl .inner-r { padding-top:20px; }

.flow     { margin:20px 12px; }
.flow a   { display:block; margin-right:5px; padding:12px 36px 12px 12px; border:1px solid #ccc; background:url(../images/arr.png) 96% center no-repeat; color:#333; text-decoration:none; float:left; }
.flow a.l { padding-right:12px; background:none; }
.flow a:hover { background-color:#eee; }

@media only screen and (max-width:960px) {
	#topimg div { width:90%; margin:0 auto; }
}
@media only screen and (max-width:600px) {
	#topimg div, .flow, .flow ul { width:100%; }
	#topimg div  { padding:48px 0; }
	#topimg .txt { width:85%; }
	#toptxt span { display:block; }
	#dl { margin:0 12px; }
	.flow     { margin:0; border-top:1px solid#ccc; }
	.flow a,
	.flow a.l { margin:0; border:none; border-bottom:1px solid#ccc; padding:12px; background:url(../images/arr.png) 98% center no-repeat; float:none; }
}

/* ------------------------------------------ */
/* �V‹KŒü‚¯Šù‘¶Œü‚¯
--------------------------------------------- */
.visitor #wrapper { border-color:#f08200; }
.user #wrapper    { border-color:#51A6CF; }

.visitor .ttl-01 { background-color:#f08200; }
.user .ttl-01    { background-color:#51A6CF; }

.visitor .ttl-03 { color:#f08200; }
.user .ttl-03    { color:#51A6CF; }

.user #toptxt   { padding:35px 10px 30px; }


/* ---------------------------------------------- */
/* Clear Fix
------------------------------------------------- */
.pkg,
nav,
section,
.section,
.lay-3clm-01 { zoom:1; }

.pkg:after,
nav:after,
section:after,
.section:after,
.lay-3clm-01:after { display:block; clear:both; height:0; visibility:hidden; content:"."; font-size:0; }