@charset "UTF-8";


/* ------------------------------
↓ぬテンプレ
------------------------------ */

body {
background:#ffffff url(../img/background.jpg) repeat-x fixed bottom;
}

body,p,span,h1,h2,li {
color: #000;
font:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
line-height: 1.5em;
letter-spacing: 0.1ex;
}

textarea,input{
font-size: 24px;
}

/* ------------------------------
header
------------------------------ */

#header {
width:950px;
height:135px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}

#header a.title_logo {
float:left;
overflow:hidden;
width:300px;
}

/* ------------------------------
contents
------------------------------ */

#contentiner_top {
background:url(../img/contents_top.jpg) no-repeat top;
width:950px;
height:65px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}

#contentiner_shadow {
background:url(../img/background_shadow-trans.png) repeat-y;
width:950px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:0;
}

#contentiner {
background:#FAF7A8 url(../img/contents_background.jpg) repeat-x top;
width:940px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:20;
}


/* ------------------------------
navigation
------------------------------ */

#navigation {
float:right;
width:636px;
height:65px;
overflow:hidden;
}

#navigation ul {}

#navigation ul li { float: left;}

#navigation ul a {
height: 65px;
display: block;
}

#navigation ul a:hover { 
background:#FAcccc;
}

#navigation ul a:focus { 
background:#FAcccc;
}


#lmenu01 a { width: 140px; }
#lmenu02 a { width: 121px; }
#lmenu03 a { width: 117px; }
#lmenu04 a { width: 89px; }
#lmenu05 a { width: 169px; }

.now {
background:url(../img/page_contents.gif) no-repeat;
}

* html li.now {
background:#CDF5D3;
}

/* ------------------------------
image & main contents
------------------------------ */

#contents_box {
clear:both;
position:relative;
top:0;
width:890px;
height:100%;
margin-top:50px;
padding-top:0;
overflow:hidden;
background:url(../img/notebook.gif) top;
margin-left:auto;
margin-right:auto;
}

#contents_box ul {
margin-top:7px;
padding:0 0 63px 0;
}

#contents_box li {
background:url(../img/list_image-trans.png) no-repeat top left;
width:445px;
padding-left:30px;
line-height:35px;
}

#contents_box div.top_infomation p{
width:465px;
margin-top:7px;
padding:0 0 28px 10px;
line-height:35px;
}

#contents_box div.greeting p{
width:530px;
margin-top:7px;
padding:0 0 28px 20px;
line-height:35px;
}

#contents_box div.greeting p span {
float:right;
}

#contents_box p.mainpages {
width:850px;
margin-top:7px;
padding:0 0 28px 20px;
line-height:35px;
}

#contents_box p.mainpages span {
width:6em;
float:left;
clear:both;
line-height:35px;
}

#contents_box a { color:#167DAD; }
#contents_box a:hover { background:#fff;color:#167DAD; }
#contents_box a.href_image:hover { background:; }


#contents_box img {
vertical-align: bottom;
}

#contents_box p.menu_stripes {
background:#C7DAA6;
overflow:hidden;
margin-left:35px;
margin-right:35px;
padding:0 10px 0 10px;
line-height:35px;
height:35px;
}

#contents_box p.menu_stripes_nocolor {
background:;
overflow:hidden;
margin-left:35px;
margin-right:35px;
padding:0 10px 0 10px;
line-height:35px;
height:35px;
}


#contents_box p span.menu_times {
float:left;
clear:both;
width:80px;
line-height:35px;
}

#contents_box p span.menu_price {
float:left;
width:100px;
line-height:35px;
color:#1E88B9;
}

#contents_box p span.menu_coments {
float:left;
width:620px;
line-height:35px;
}

#contents_box p.mainpages_menu {
width:850px;
margin-top:7px;
padding:0 0 28px 20px;
line-height:35px;
}

#contents_box p span.refle {color:#B71EB9;}
#contents_box p span.oil {color:#B9B71E;}
#contents_box p span.point {color:#E77070; font-weight:bold;}
#contents_box p span.price_point {color:#1E88B9;}

#contents_box p span.menu_gift {
float:left;
clear:both;
width:700px;
line-height:35px;
}

#contents_box p span.menu_gift_price {
float:left;
width:100px;
text-align:right;
line-height:35px;
color:#1E88B9;
}


#contents_box h2 {
width:0;
height:0;
overflow:hidden;
}

#contents_box table {
clear:both;
border: 1px solid #315241;
margin:0 auto 37px;
}

#contents_box table td {
padding:0 30px;
line-height:34px;
border: 1px solid #315241;
text-align:center;
}

/* ------------------------------
images
------------------------------ */


#toppage_photo_01 {
position:absolute;
top:65px;
left:505px;
width:445px;
height:357px;
z-index:100;
overflow:hidden;
}

#toppage_photo_02 {
position:absolute;
top:350px;
right:20px;
width:370px;
height:460px;
z-index:50;
overflow:hidden;
}


#image_photo_01 {
position:absolute;
top:80px;
right:3px;
width:365px;
height:610px;
z-index:50;
overflow:hidden;
}

#image_photo_03 {
position:absolute;
top:80px;
right:30px;
width:330px;
height:270px;
z-index:50;
overflow:hidden;
}



.setsumei_image {
float:right;
width:330px;
overflow:hidden;
}

/* ------------------------------
footer
------------------------------ */


#footer {
clear:both;
width:950px;
height:310px;
overflow:hidden;
background:url(../img/footer_background.jpg) no-repeat top;
}

#footer p {
clear:both;
color:#167DAD;
margin:180px 0 0 15px;
}

#footer a { color:#167DAD; }

#footer a:hover { background:#fff;color:#167DAD; }

#footer_bottom {
clear:both;
background:url(../img/footer_bottom-trans.png) no-repeat top;
width:950px;
height:40px;
margin-bottom:10px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}

#footer_bottom p {
width:360px;
float:right;
text-align:center;
margin:5px 0 0 0;
}

#footer_bottom a {
color:#fff;
}

/* ------------------------------
↑ぬテンプレ終わり
------------------------------ */






.iepngfix { behavior: expression(IEPNGFIX.fix(this));}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { 
float:right;
width:150px;
height:70px;
speak:none;
}

.fontResizer a { 
display:block;
width:70px;
float:left;
}

.fontResizer a:hover { 
 
}

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 14px; }

.largeFont { font-size: 20px; }

.curFont { background: #56C6A0; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TinyAccordion CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#options {
width:750px;
overflow:hidden;
text-align:right;
color:#9ac1c9;
}

#options a {
text-decoration:none;
color:#9ac1c9;
}

#options a:hover {color:#033;}

#acc {
width:750px;
overflow:hidden;
list-style:none;
color:#033;
margin:35px 0 0 0;
}

#acc li {
width:700px;
background:url(../img/list_image_qanda-trans.png) no-repeat top left;
}



#acc h3 {
width:700px;
font-weight:normal;
cursor:pointer;
background:;
}

#acc h3:hover {}

#acc .acc-section {width:700px;overflow:hidden; background:#fff;}

#acc .acc-content {
width:670px;
padding:15px;
border-top:none;
background:#fff;
}

#nested {width:680px; list-style:none; color:#033; margin-bottom:15px;}

#nested h3 {
width:650px;
cursor:pointer;
background:url(images/header.gif);
}

#nested h3:hover {background:url(images/header_over.gif);}

#nested .acc-section {overflow:hidden; background:#fff;}

#nested .acc-content {
width:630px;
padding:15px;
border-top:none;
background:#fff;
}

#nested .acc-selected {background:url(images/header_over.gif);}