@import "yui.css";

/*sample table*/
table.item_area
{
    color:#5C5C5C;
    margin-top:20px;
font-size:12px;
}

table.item_area td
{
text-align:center;
}

table.item_area td img
{
padding:3px;
border:solid 1px #ccc;
}

table.item_area td div h3
{
    background:#BECF54;
    color:#FFF;
    padding-top:2px;
    margin-top:5px;
    margin-bottom:3px;
    text-align:center;
    font-size:13px;
}

table.item_area td div
{
width:164px;
margin-left:auto;
margin-right:auto;
text-align:left;
line-height:130%;
}
/*sample end*/


/*sample2 table*/
table.item_area2
{
    color:#5C5C5C;
    margin-top:10px;
    margin-bottom:8px;
font-size:11px;
}

table.item_area2 td
{
text-align:center;
}

table.item_area2 td img
{
padding:3px;
border:solid 1px #ccc;
}

table.item_area2 td div h3
{
    background:#BECF54;
    border-bottom:#ccc 1px solid;
    color:#FFF;
    padding-top:2px;
    margin-top:7px;
    margin-bottom:5px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
}

table.item_area2 td div
{
width:115px;
margin-left:auto;
margin-right:auto;
text-align:left;
line-height:130%;
}
/*sample2 end*/


body
{
background:url(./img/big_background.png) top center no-repeat;
color:#73786B;
font-size:13px;
line-height:135%;
}

#main p.summary
{
margin-top:8px;
margin-bottom:15px;
width:505px;
margin-left:auto;
margin-right:auto;
}

#incontents
{
background:#FFF;
    width:1010px;
margin-left:auto;
margin-right:auto;
padding-bottom:30px;
}

#header_bar
{
background:#82C248;
height:18px;
}

#header_bar div
{
width:1010px;
margin-left:auto;
margin-right:auto;
}

h1
{
text-align:right;
color:#FFF;
font-weight:bold;
}

a
{
color:#66C6E2;
}

a:hover
{
color:orange;
}

small
{
font-size:11px;
color:#990000;
}

#header
{
width:1010px;
margin-left:auto;
margin-right:auto;
height:154px;
background:url(./img/header.png) no-repeat;
margin-bottom:3px;
position:relative;
}

#header img#toilink1
{
position:absolute;
top:77px;
left:580px;
}


#header img#toilink2
{
position:absolute;
top:77px;
left:655px;
}


#header img#toilink3
{
position:absolute;
top:77px;
left:505px;
}


#header img#logo
{
position:absolute;
top:0px;
left:0px;
}

#g_link
{
position:absolute;
width:988px;
height:43px;
top:107px;
left:11px;
}

#g_link a
{
text-decoration:none;
}


/* GLOBAL LINK */

#g1b a span,#g2b a span,#g3b a span,#g4b a span,#g5b a span,#g6b a span
{
    display:none;
}

#g1b a,#g6b a
{
display:block;
height:44px;
width:166px;
}

#g2b a,#g3b a,#g4b a,#g5b a
{
width:164px;
display:block;
height:44px;
}

#g1b a
{
    background:url(./img/g1.png) no-repeat;
position:absolute;
left:0px;
top:0px;
}


#g2b a
{
    background:url(./img/g2.png) no-repeat;
position:absolute;
top:0px;
left:166px;
}

#g3b a
{
    background:url(./img/g3.png) no-repeat;
position:absolute;
top:0;
left:330px;
}


#g4b a
{
    background:url(./img/g4.png) no-repeat;
position:absolute;
top:0;
left:494px;
}


#g5b a
{
    background:url(./img/g5.png) no-repeat;
position:absolute;
top:0;
left:658px;
}


#g6b a
{
    background:url(./img/g6.png) no-repeat;
position:absolute;
top:0;
left:822px;
}


#g1b a:hover
{
background:url(./img/g1b.png) no-repeat;
}


#g2b a:hover
{
background:url(./img/g2b.png) no-repeat;
}



#g3b a:hover
{
background:url(./img/g3b.png) no-repeat;
}


#g4b a:hover
{
background:url(./img/g4b.png) no-repeat;
}


#g5b a:hover
{
background:url(./img/g5b.png) no-repeat;
}


#g6b a:hover
{
background:url(./img/g6b.png) no-repeat;
}


/*GLOBAL LINK END */

#top_key
{
width:988px;
margin-left:auto;
margin-right:auto;
margin-bottom:11px;
}

#main
{
background:url(./img/main_background.gif) repeat-y;
width:988px;
margin-left:auto;
margin-right:auto;
}

#main div#left
{
float:left;
width:248px;
}

#main div#center
{
float:left;
width:537px;
}

#main div#right
{
float:left;
203px;
}

#main_container
{
width:517px;
margin-left:auto;
margin-right:auto;
}

.str 
{
width:510px;
margin-left:auto;
margin-right:auto;
line-height:140%;
}

.str p
{
margin:10px 7px 20px 7px;
}

h3.main_title1
{
height:49px;
background:url(./img/top_page_menu1.png) no-repeat;
font-size:14px;
font-weight:bold;
color:#7D8F1A;
}

h3.main_title1 span
{
visibility:hidden;
}

.item_description
{
height:135px;
width:325px;
float:left;
}

.item_description p
{
margin-top:5px;
margin-bottom:10px;
line-height:130%;
margin-left:auto;
margin-right:auto;
width:316px;
}

.item_img
{
text-align:center;
width:182px;
float:right;
}

.item_img img
{
border:solid 1px #ccc;
padding:3px;
}

.item_title
{
width:325px;
margin-left:auto;
margin-right:auto;
background:#BECF54;
color:#FFF;
padding-top:2px;
padding-left:5px;
font-size:13px;
font-weight:bold;
margin-bottom:8px;
}

.clear
{
clear:both;
}

.list
{
margin-bottom:20px;
}

.list li a
{
text-decoration:none;
width:248px;
height:39px;
display:block;
background:url(./img/menu_index.png) no-repeat;
position:relative;
}

.list li a span
{
position:absolute;
top:10px;
left:29px;
font-size:12px;
}

.item_space
{
    width:190px;
    margin-left:auto;
    margin-right:auto;
    line-height:185%;
    font-size:12px;
}

.item_space img
{
vertical-align:middle;
}

#right_ban
{
text-align:center;
padding-top:5px;
}

#right_ban img
{
    margin-bottom:5px;
}

#root
{
width:1010px;
height:15px;
margin-left:auto;
margin-right:auto;
font-size:10px;
padding-bottom:3px;
}

#root div
{
width:980px;
margin-left:auto;
margin-right:auto;
}

h2.page_title
{
height:49px;
background:url(./img/page_title.png) no-repeat;
font-size:14px;
font-weight:bold;
color:#7D8F1A;
position:relative;
}

h2.page_title span
{
position:absolute;
top:14px;
left:35px;
}

.str h3
{
background:url(./img/sub_title.png) no-repeat;
width:510px;
height:30px;
position:relative;
margin-bottom:20px;
}

.str h3 span
{
font-weight:bold;
font-size:14px;
position:absolute;
top:8px;
left:32px;
}

.str h3 span a{
    color:#5C5C5C;
    text-decoration:none;
}

#message
{
width:506px;
height:192px;
background:url(./img/message.png) no-repeat top;
margin-left:atuo;
margin-right:auto;
font-size:11px;
position:relative;
line-height:135%;
}

#message div
{
width:345px;
position:absolute;
top:77px;
left:155px;
color:#333;
}

#message div p
{
margin-top:0;
margin-bottom:10px;
}


#message_toi
{
position:absolute;
top:159px;
left:338px;
}

#price
{
width:510px;
margin-left:auto;
margin-right:auto;
}


#price table
{
color:#333;
}

#price table td
{
border-bottom:solid 1px #666;
padding:8px 5px 5px 5px;
}

div#cut,div#color,div#perm,div.sub_menu
{
background:url(./img/price_body.png) repeat-y;
margin-top:10px;
margin-bottom:20px;
}

div#cut span,div#color span,div#perm span
{
font-size:12px;
}

#price div#cut h3
{
height:77px;
background:url(./img/cut.png) no-repeat;
position:relative;
}

#price div#cut h3 span
{
position:absolute;
top:43px;
left:90px;
font-size:15px;
color:#333;
}


#price div#perm h3
{
height:68px;
background:url(./img/perm.png) no-repeat;
}

#price div#perm h3 span
{
position:absolute;
top:33px;
left:90px;
font-size:15px;
color:#333;
}

#price div#color h3
{
height:70px;
background:url(./img/color.png) no-repeat;
}

#price div#color h3 span
{
position:absolute;
top:36px;
left:90px;
font-size:15px;
color:#333;
}

.foot_img
{
height:15px;
background:url(./img/price_foot.png) no-repeat bottom;
}

.option
{
    background:#FFF;
    border:solid 2px #98C328;
    padding:7px;
    margin-top:3px;
    font-size:12px;
    line-height:130%;
    margin-bottom:10px;
}

.option h4
{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

.rightyori
{
text-align:right;
font-weight:bold;
}

.sub_menu
{
width:510px;
margin-left:auto;
margin-right:auto;
}

#price div.sub_menu h3
{
height:31px;
background:url(./img/sub_menu.png) no-repeat;
}


#price div.sub_menu h3 span
{
position:absolute;
top:6px;
left:10px;
font-size:15px;
color:#333;
}

table#store_summary
{
border-collapse:separate;
border-spacing:5px;
margin-top:8px;
}

table#store_summary td
{
padding:10px;
}

table#store_summary td.cell_gray
{
background:#eaeaea;
}

.specify
{
border:solid 1px #A7B63D;
background:#F9F7E8;
padding:10px;
margin-bottom:25px;
}

table.menu_price
{
border:solid 1px #eaeaea;
border-collapse:separate;
border-spacing:2px;
margin-bottom:20px;
}
.menu_price td
{
padding:5px;
border-bottom:1px solid #eaeaea;
}

.service_table
{
margin-top:10px;
margin-bottom:20px;
border-collapse:separate;
border-spacing:2px;
border: 1px solid #eaeaea;
}

.service_table td
{
padding:5px;
}

.service_table td p
{
margin-bottom:0 0 10px 0;
}

p.specify_p
{
color:#FFF;
padding:5px 3px 3px 3px;
background:#F6C500;
margin-bottom:1px;
}

strong.red
{
color:#cc0000;
}

.sp
{
border:solid 2px #BECF54;
padding:5px;
background:#FFFCED;
margin-bottom:20px;
width:90%;
margin-left:auto;
margin-right:auto;
}

.sp ul li
{
margin-bottom:5px;
}

#footer
{
height:93px;
background:url(./img/footer.png);
}

#footer div#foot
{
width:1000px;
margin-left:auto;
margin-right:auto;
}

#footer div#foot a
{
color:#FFF;
}

#footer div#foot a:hover
{
color:#FFF9D7;
}


#footer div#foot div#foot_left
{
margin-top:5px;
width:700px;
float:left;
text-align:center;
}


#footer div#foot div#foot_right
{
margin-top:5px;
line-height:130%;
width:280px;
float:right;
}

span.red
{
color:#993300;
}

.continue
{

}

.continue a
{
display:block;
float:right;
background:#eaeaea;
color:#55ADFF;
font-size:11px;
text-align:center;
padding:2px;
text-decoration:none;
}


td div.continue2 a
{
text-decoration:none;
display:block;
float:right;
background:#eaeaea;
color:#55ADFF;
font-size:10px;
text-align:center;
padding:2px;
margin-top:10px;
}

.continue a:hover,td div.continue2 a:hover
{
color:orange;
text-decoration:underline;
}

#blog_area
{
margin-top:15px;
}

#blog_area dl
{
margin:13px;
}

#blog_area dt
{
width:80px;
float:left;
}

#blog_area dd
{
width:402px;
float:right;
}

img.get_block
{
display:block;
margin-left:auto;
margin-right:auto;
background:#eaeaea;;
}


#message2
{
width:506px;
height:192px;
background:url(./img/message2.png) no-repeat top;
margin-left:atuo;
margin-right:auto;
font-size:11px;
position:relative;
line-height:135%;
}

#message2 div
{
width:345px;
position:absolute;
top:77px;
left:155px;
color:#333;
}

#message2 div p
{
margin-top:0;
margin-bottom:10px;
}

.str h3.gon_cat_title
{
background:url(http://1gon.com/img/gon_cat_title.gif) bottom left no-repeat;
height:32px;
margin:10px 0 0 0 ;
}
.str h3.gon_cat_title a
{
color:#4F9146;
}

.str h3.gon_cat_title a:hover
{
color:orange;
}

.title_date
{
text-align:right;
font-size:10px;
margin-bottom:20px;
}