@charset   "Shift_JIS";

/* ------------------
 * css * 
 * ----------------- */
 
 
/* ===== common define ===== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","ƒƒCƒŠƒI", Meiryo,"MS P ƒSƒVƒbƒN",verdana,sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px; 
   background:#fff;

/* **** 2013-0330- **** */
   text-align: center;
/* ****    end     **** */

margin: 20px;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#0172AB;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ======== exsample ======== */
div#top {
	width: 790px;
	margin: 0  auto;
	background : url(images/bg_contents_left.gif) repeat-y 0px 0px;
}
div#top2 {
	width: 890px;
	margin: 0 auto;
	background : url(images/bg_contents_left.gif) repeat-y 0px 0px;
}

div#wrapper {
	width: 790px;
	background : url(images/bg_contents_right.gif) repeat-y 100% 0px;

}

div#header {
   position:relative;
   padding:0 5px;

}

div#pr {
   width:480px;
/*   position:absolute; */
   left:280px;
   top:1px;
}

/* --2010-0805 add pr list-----  */ 
div#pr ul {
   margin:1px 0 0 1px;
   padding:0;
}

/* --2010-0805 add pr list-----  */ 
div#pr li {
	display: block;
	width: 480px;
	color: #333;
	padding: 0px 0px 5px 20px;
	border-bottom: 1px solid #DCDCDC;
	background : url(btn1/000-btn3-blue-01.gif) no-repeat 0px 3px;
}

/* --2010-0805 add pr list-----  */ 
div#pr p {
   margin:10px 0 10px 0;
}
/* ---- end -------  */ 

/* --### 2010-0805 add pr2 list ###-----  */ 
/* --2010-0805 add pr list-----  */ 
div#pr2 ul {
   margin:1px 0 0 1px;
   padding:0;
}

/* --### 2010-0805 add pr2 list ###-----  */ 
div#pr2 li {
	display: block;
	width: 480px;
	color: #333;
	padding: 0px 0px 5px 20px;
	border-bottom: 1px solid #DCDCDC;
	background : url(btn1/000-btn3-gren-01.gif) no-repeat 0px 3px;
}

/* ---- end -------  */ 

/* --### 2010-0805 add pr2 list ###-----  */ 
/* --2010-0805 add pr list-----  */ 
div#lst ul {
   margin:1px 0 0 1px;
   padding:0;
}

/* --### 2010-0805 add pr2 list ###-----  */ 
div#lst li {
	display: block;
	width: 480px;
	color: #333;
	padding: 0px 0px 5px 20px;
	border-bottom: 1px solid #DCDCDC;
	background-repeat: no-repeat;
	background-color: #c4c4ff;
	background-image : url(images/h01-pic-btn01.gif);
	background-position: 2px 3px;
}

/* ---- end -------  */ 

div#contents {
   margin:0 5px;
   padding:20px 20px 0 20px;
}

div#main {
   float:right;
   width:500px;
}

div#main2 {
   float:right;
   width:700px;
}

div#sub {
   float:left;
   width:220px;
}

div#totop {
   clear:both;
}

div#footer {
   clear:both;
   margin:0 5px;
}


/* ========HEADER CUSTOMIZE======== */
div#header h1 {
	margin: 0;
	padding: 10px 10px 1px 10px;
	font-size: 150%;/* 24pxy)z5 */
	color: #fff;
	line-height: 70px;
}

div#header h1 a {
   color:#333;
}

div#header h1 a:hover {
   color:#666;
}

div#header #pr p {
   margin:0;
   font-size:75%;/* 12pxy)z5 */
}

/* ====== 2010-0807 add ====== */
div#header #pr0 p {
	width: 490px;
	position: absolute;
	left: 260px;
	top: 10px;
	font-size: 70%;/* 12pxy)z5 */
}

/* ========SUBCONTENTS CUSTOMIZE======== */
div#sub .section {
   margin-bottom:10px;
}

div#sub h2 {
   padding:3px;
   font-size:82%;/* 13pxy)z5 */
   font-weight:bold;
   color:#fff;
   background : url(images/bg_sub_h2.gif) 50% 50%;
}

div#sub ul {
   margin:1px 0 0 8px;
   padding:0;
}

div#sub li {
   padding:1px 0 1px 0;
   font-size:75%;/* 12pxy)z5 */
   line-height:1.4;
   list-style:none;
}

div#sub li a {
   display:block;
   padding-left:12px;
   background : url(images/bg_sub_list.gif) no-repeat 0px 5px;
}

/* MENU CUSTOMIZE */
div#contents #sub div#menu ul {
   margin:0 0 20px 0;
   padding:0;
}

div#contents #sub div#menu li {
   margin:0;
   padding:0;
   font-size:75%;/* 12pxy)z5 */
   color:#333;
   list-style-type:none;
}

div#contents #sub div#menu li a {
   display:block;
   width:200px;
   color:#333;
   padding:10px 0 10px 20px;
   border-bottom:1px solid #DCDCDC;
   background : url(images/bg_menulist.gif) no-repeat 0px 12px;
}


div#contents #sub div#menu li a:hover {
   color:#0096E7;
}

/* -######----  2010-0804-add type-01 --######---- */

div#contents #sub div#red li {
   margin:0;
   padding:0;
   font-size:75%;/* 12pxy)z5 */
   color:#333;
   list-style-type:none;
}

/* -######----  2010-0804-add type-01 --######---- */

div#contents #sub div#red li a {
   display:block;
   width:200px;
   color:#333;
   padding:10px 0 10px 20px;
   border-bottom:1px solid #DCDCDC;
   background : url(images/bg_menulist-red.gif) no-repeat 0px 12px;
}

/* -######----  2010-0804-add type-01 --######---- */
div#contents #sub div#red li a:hover {
	color: #ff8080;
}


/* ========MAINCONTENTS CUSTOMIZE======== */
div#main a {
   color:#0172AB;
}

div#main a:hover {
   color:#0172AB;
   text-decoration:underline;
}

div#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 0;
   color:#333;
   font-size:94%;/* 15pxy)z5 */
   font-weight:bold;
   border-bottom:3px double #535D57;
}

div#main h3 {
   margin-bottom:3px;
   font-size:88%;/* 14pxy)z5 */
}

div#main h4 {
   margin-bottom:2px;
   font-size:82%;/* 13pxy)z5 */
}

div#main h5 {
   margin-bottom:2px;
   font-size:82%;/* 13pxy)z5 */
}

div#main h6 {
   margin-bottom:2px;
   font-size:82%;/* 13pxy)z5 */
}

div#main p {
   margin:0 0 1em 0;
   font-size:82%;/* 13pxy)z5 */
}

div#main ul,ol,dl {
   font-size:82%;/* 13pxy)z5 */
}

div#main dt {
   margin-bottom:3px;
}

div#main dd {
	padding: 0;
	margin: 0 0 0.5em 1em;
	padding: 3px 3px 3px 3px;
	background: #f1f1f1;
	bottom: inherit;
	right: inherit;
}

div#main div.icatch {
   margin-bottom:10px;
}

/* INFORMATION CUSTOMIZE */
* html body div#main dl.information dd div{
   display:inline-block;
}

/* ========‘2012-1121- update==10em ¨@7em======= */
div#main dl.information dt {
	float: left;
	width: 7em;
	margin: 0;
	padding: 0;
}

div#main dl.information dd {
	margin: 0 0 0.5em 6em;
	padding: 0;
	background: transparent;
}


/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:10px 0;
   text-align:right;
   font-size:75%;/* 12pxy)z5 */
}

div#totop a {
   padding:0 0 0 12px;
   background : url(images/bg_totop.gif) no-repeat 0px 50%;
}


/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
   margin:0 0 10px 0;
   padding:10px 0 0 0;
   text-align:right;
   background : url(images/bg_dotline.gif) repeat-x 0px 0px;
}

div#footMenu li {
	display: inline;
	margin: 0 0 0 10px;
	font-size: 10px;/* 12pxy)z5 */
	list-style: none;
}

div#footMenu li a {
   padding-left:10px;
   background : url(images/bg_footmenu.gif) no-repeat 0px 50%;
}


/* ========FOOTER CUSTOMIZE======== */
address {
	margin: 0px 10px 0px 10px;
	padding: 5px 0;
	font-style: normal;
	font-size: 75%;/* 12pxy)z5 */
	color: #fff;
	text-align: center;
	background: #0096E7;

/* ========tokutei torihiki======== */
/* ------------------------------------- 
 *	2010-0911
 * ------------------------------------- */

table.shop {
	width:90%;
	background:#B7D5DE;
	margin:12px auto;
	}

.shop th {
	background:#EAF7D6;
	font-size: 12px;
	border-bottom:1px #B7D5DE solid;
	border-left:1px #B7D5DE solid;
	border-right:1px #B7D5DE solid;
	padding:0 5px;
	}
.shop td {
	background:#F3F9FA;
	border-top:1px #B7D5DE solid;
/*	border-bottom:1px #B7D5DE solid; */
	border-right:1px #B7D5DE solid;
	font-size: 12px;
	padding:3px 5px;
	}

.sk {
	width:90%;
	background:#FFF;
	border:1px #B7D5DE solid;
	margin:0 auto;
	margin-top:10px;
	}

.sk .title {
	font-weight:bolder;
	background:#EAF7D6;
	padding:5px;
	border-bottom:1px #B7D5DE solid;
	}

.sk .title img {
	margin:3px;
	}

.sk .note {
	padding:10px 5px;
	}

.payment_img {
	width:30px;
	height:30px;
	margin:3px;
	}

/* ========₯private ======== */
/* ------------------------------------- 
 *	2010-0911
 * ------------------------------------- */

.policy {
	width:99%;
	background:#FFF;
	font-size: 12px;
	border:1px #B7D5DE solid;
	margin:10px auto;
	}

.policy .title {
	font-weight:bolder;
	font-size: 12px;
	background:#EAF7D6;
	padding:5px;
	border-bottom:1px #B7D5DE solid;
	}
 
.policy .note {
	padding:10px 5px;
	font-size: 12px;
	margin-bottom:10px;
	}

/* ======== common area ======== */
/* ------------------------------------- 
 *	2010-0911
 * ------------------------------------- */	
.box {
	border:1px #FF9999 solid;
	margin-bottom:10px;
	}

.box_title {
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:5px;
	background-position:bottom left;
	
	color:#000000;
	font-weight:bolder;
	}

.box_body {padding:5px;}

/* ======== end ======= */

}