@charset "UTF-8";

/*
BaseFontSize=12px
10px=84%
11px=92%
12px=100%
13px=109%
14px=117%
15px=125%
16px=134%
17px=142%
18px=150%
20px=167%
*/

/*=================================
Common Settings 2009
=================================*/
* { margin: 0px; }

html {
overflow-y:scroll;
margin-bottom:1px;
height:100%;
}

body {
background-image: url(../common/body_bg.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #fff;
font-size: 12px;
line-height: 150%;
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "Myriad Pro", Arial, sans-serif;
}

/* for IE6 */
* html body { font-size: 75%; }

/* for IE7 */
*:first-child+html body { font-size: 75%; }

/*
FONT SIZE
*/
h2 { font-size: large; }

h3 { font-size: large; }

h4 { font-size: small; }

.txt_s { font-size: 11px; }

/*Header*/
#header {
padding: 0px;
height: 100px;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#header h2 a {
background-image: url(../common/logo.gif);
background-repeat: no-repeat;
background-position: left top;
height: 65px;
width: 192px;
display: block;
margin-top: 20px;
clear: left;
float: left;
}

#header ul {
list-style-type: none;
display: block;
float: right;
margin-top: 50px;
font-size: 100%;
clear: right;
}

#header ul li {
display: inline;
margin-left: 20px;
}

#header ul li a {
text-decoration: none;
color: #666;
background-image: url(../common/al_gray.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 12px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 0px;
}

#header ul li a:hover {
text-decoration: underline;
color: #000066;
}

/*Footer*/
#footer {
padding: 0px;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000066;
height: 60px;
clear: both;
}

#footer ul {
list-style-type: none;
display: block;
float: left;
margin-top: 10px;
font-size: 100%;
clear: left;
padding: 0px;
margin-left: 4px;
}

#footer ul li {
display: inline;
margin-right: 20px;
}

#footer ul li a {
text-decoration: none;
color: #666;
background-image: url(../common/al_white.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 12px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 0px;
}

#footer ul li a:hover {
text-decoration: underline;
color: #000066;
}

#footer p {
display: block;
float: right;
margin-top: 10px;
font-size: 100%;
color: #666;
margin-right: 4px;
}

/*Content*/
#content {
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(../common/page_bg.gif);
background-repeat: repeat-y;
background-position: center top;
padding: 0px;
}

#content_left {
width: 710px;
clear: left;
float: left;
padding-right: 10px;
}

#content_left h1 {
display: block;
height: 92px;
width: 710px;
background-repeat: no-repeat;
background-position: left top;
padding: 0px;
background-color: #fff;
margin: 0px;
}

/*=================================
Sidebar
=================================*/

#content_right {
width: 180px;
float: right;
clear: right;
padding-bottom: 100px;
}

#content_right ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#content_right .list01 h3 {
background-color: #aabbc9;
background-image: url(../common/sidebar_title.gif);
background-repeat: repeat-x;
background-position: left bottom;
display: block;
margin: 0px;
color: #fff;
font-size: 100%;
font-weight: normal;
padding-top: 8px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#content_right .list01 h3 a {
color: #fff;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#content_right .list01 h3 a:hover {
color: #fff;
text-decoration: underline;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#content_right .list01 ul li a {
display: block;
width: 160px;
margin: 0px;
background-image: url(../common/sidebar_al.gif);
background-repeat: no-repeat;
background-position: left center;
background-color: #efeff0;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e1e1e1;
font-size: 92%;
color: #444;
text-decoration: none;
}

#content_right .list01 ul li a:hover {
background-position: right;
color: #a35226;
background-color: #fff;
}

#content_right .list02 h3 {
background-color: #efeff0;
background-image: url(../common/sidebar_shadow.gif);
background-repeat: repeat-x;
background-position: left top;
margin: 0px;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 6px;
color: #666;
font-weight: normal;
font-size: 92%;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#content_right .list02 ul li a {
display: block;
width: 155px;
margin: 0px;
background-image: url(../common/sidebar_al_ul.gif);
background-repeat: no-repeat;
background-position: left center;
background-color: #efeff0;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 20px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e1e1e1;
font-size: 92%;
color: #444;
text-decoration: none;
}

#content_right .list02 ul li a:hover {
background-position: right;
color: #a35226;
background-color: #fff;
}

#content_right .list03 ul {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e1e1e1;
display: block;
}

#content_right .list03 ul li a {
display: block;
width: 155px;
margin: 0px;
background-image: url(../common/sidebar_al_ul.gif);
background-repeat: no-repeat;
background-position: left center;
background-color: #efeff0;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 20px;
font-size: 92%;
color: #444;
text-decoration: none;
}

#content_right .list03 ul li a:hover {
background-position: right;
color: #a35226;
background-color: #fff;
}

/*Para*/
p { margin-bottom: 1em; }

/*Text none*/
/*b { display: none; }
↓*/
.none { display: none; }

/*Image*/
img, img a {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

/*PageTop BTN*/
.pagetop {
display: block;
width: 710px;
background-color: #fff;
text-align: right;
padding-top: 16px;
padding-bottom: 14px;
clear: both;
}

.pagetop a {
background-image: url(../common/pagetop.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 20px;
width: 150px;
padding: 0px;
margin-left: 560px;
}

.pagetop a:hover { background-position: bottom; }

.dotline {
display: block;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #ddd;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 10px;
margin-left: 10px;
}

/*ページカール*/
ul#curl_box {
list-style:none;
margin:0;
padding:0;
}

ul#curl_box li {
padding:0px;
line-height:200%;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}

ul#curl_box li a {
text-decoration:none;
display:block;
color:#333366;
background-image: url(../common/page_curl.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 640px;
height: 60px;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
}

ul#curl_box li a:hover {
text-decoration:none;
display:block;
color:#333366;
background-position: left bottom;
}

/*=================================
MainTitle
=================================*/

#ttl_news { background-image: url(../common/mainttl_news.gif); }

#ttl_koyomi { background-image: url(../common/mainttl_koyomi.gif); }

#ttl_yorinuki { background-image: url(../common/mainttl_yorinuki.gif); }

#ttl_tenugui { background-image: url(../common/mainttl_tenugui.gif); }

#ttl_tenuguikoyomi { background-image: url(../common/mainttl_tenuguikoyomi.gif); }

#ttl_point { background-image: url(../common/mainttl_point.gif); }

#ttl_list { background-image: url(../common/mainttl_list.gif); }

#ttl_name { background-image: url(../common/mainttl_name.gif); }

#ttl_original { background-image: url(../common/mainttl_original.gif); }

#ttl_shop { background-image: url(../common/mainttl_shop.gif); }

#ttl_shop_kamawanu { background-image: url(../common/mainttl_shop_kamawanu.gif); }

#ttl_shop_direct { background-image: url(../common/mainttl_shop_direct.gif); }

#ttl_shop_agency { background-image: url(../common/mainttl_shop_agency.gif); }

#ttl_shop_event { background-image: url(../common/mainttl_shop_event.gif); }

#ttl_shop_order { background-image: url(../common/mainttl_shop_order.gif); }

#ttl_english { background-image: url(../common/mainttl_english.gif); }

#ttl_recruit { background-image: url(../common/mainttl_recruit.gif); }

#ttl_company { background-image: url(../common/mainttl_company.gif); }

#ttl_contact { background-image: url(../common/mainttl_contact.gif); }

#ttl_link { background-image: url(../common/mainttl_link.gif); }

#ttl_privacy { background-image: url(../common/mainttl_privacy.gif); }

#ttl_sitemap { background-image: url(../common/mainttl_sitemap.gif); }

#ttl_process { background-image: url(../common/mainttl_process.gif); }

#ttl_tyusen { background-image: url(../common/mainttl_tyusen.gif); }

#ttl_special { background-image: url(../common/mainttl_special.gif); }

/*=================================
News Link BTN
=================================*/
.btn_news_link a {
background-image: url(../common/btn_news_link.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
padding-right: 2px;
margin-left: 10px;
color: #666;
padding-top: 1px;
padding-bottom: 1px;
text-decoration: underline;
}

.btn_news_link a:hover {
background-image: url(../common/btn_news_link_on.gif);
background-repeat: no-repeat;
background-position: left center;
}

.btn_news_link_detail a {
background-image: url(../common/btn_news_link.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 22px;
padding-right: 2px;
color: #666;
margin-top: 12px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-decoration: none;
}

.btn_news_link_detail a:hover {
background-image: url(../common/btn_news_link_on.gif);
background-repeat: no-repeat;
background-position: left center;
color: #000066;
text-decoration: underline;
}


/*=================================
irregular INFO
=================================*/
.irregular_information {
background-color: #F8F8D2;
margin-bottom: 15px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #d5d5d5;
border-right-color: #d5d5d5;
border-bottom-color: #d5d5d5;
border-left-color: #d5d5d5;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}

.irregular_information h5 {
color: #069;
font-size: 125%;
display: block;
margin-bottom: 8px;
font-weight: bold;
padding-bottom: 3px;
margin-top: 4px;
}

.irregular_information h6 {
font-size: 109%;
font-weight: bold;
display: block;
color: #069;
margin-top: 3px;
margin-bottom: 3px;
}

.irregular_information p {
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}

/*=================================
Common Clearfix
=================================*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */

#top_flash {
background-color: #000066;
display: block;
width: 900px;
background-image: url(../common/flash.gif);
background-repeat: no-repeat;
background-position: center center;
text-align: left;
float: left;
clear: both;
margin: 0px;
padding: 0px;
vertical-align: top;
height: 326px;
}

/*=================================
404 error
=================================*/
#error { padding-bottom: 140px; }

#error h2 {
line-height: 150%;
color: #000066;
display: block;
margin-bottom: 18px;
margin-top: 40px;
}

#error p {}