@charset "Shift_JIS";

/*
--------------------------------
Last Updated: 2007.10.12
--------------------------------
- Table of Contents -

1. IMPORT-CSS
2. RESET
3. BODY
- body
- a
- form		
4. CLASS
5. LAYOUT

--------------------------------
*/

/* ***************************************
	1. IMPORT-CSS
--------------------------------------- */

@import "lightbox.css";

/* ***************************************
	2. RESET
**************************************** */

* {
	margin:0px;
	padding:0px;
}

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul, li,
form, input, select, textarea, fieldset, legend { 
	margin: 0; 
	padding: 0; 
}

h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul,
th { 
	font-weight: normal;
	font-style: normal; 
}

strong { 
	font-weight:normal; 
	font-style: normal; 
}

img {
	border: none;
}

ul {
	list-style: none;
}

hr {
	display:none;
	clear:both;
}

p {
padding:5px 0 ;
}

em {
font-style:normal;
}

/* ***************************************
	3. BODY
**************************************** */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size:13px;
	color:#555;
	margin:0;
	padding:0;
	line-height:160%;
	background-color:#fff;
	background:url(../images/bg_01.jpg) repeat-x top;
	height:100%;
}

a { outline:none;}
/*a:link    { color:#009; border:0; text-decoration:none;}
a:hover   { color:#009; border:0; text-decoration:none;}*/
a:link    { color:#07A; border:0; text-decoration:none;}
a:hover   { color:#D60; border:0; text-decoration:none;}

a:visited { }



input, select, textarea { 
	font-family: Verdana, Arial, sans-serif;
	color: #444; 	
}


/* ***************************************
	4. CLASS
**************************************** */

.clear {
	font-size:0px;
	line-height:0;
	clear:both;
	height:0px;
	visibility:hidden;
}

.coution {
	color:#c00;
}

.navigation {
	display:none;
}

/* フロート解除 */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	zoom:1;
}

/* text_jump */
.tj {
text-indent:-9999px;
font-size:0.1em;
overflow:hidden;
display:block;
}

/* 新規ウィンドウ */
a.linkthumb_b {
background:url(../images/link_blank_01.gif) no-repeat right center;
margin:0 5px 0 0;
padding:0 18px 0 0;
}

/* mailto */
a.mailto {
background:url(../images/mailto_01.gif) no-repeat right center;
padding:0 18px 0 0;
}

/* ページトップ */
p.pagetop {
position:relative;
xbackground-color:#CCFFCC;
width:708px;
height:20px;
display:block;
font-size:0.1em;
text-indent:-9999px;
overflow:hidden;
padding:10px 0;
}

p.pagetop a {
width:127px;
height:20px;
background:url(../images/pt_01.jpg) no-repeat top;
position:absolute;
right:0;
}

p.pagetop a:hover {
background:url(../images/pt_01.jpg) no-repeat bottom;
}



/* ***************************************
	5. LAYOUT
**************************************** */


/* Layout-start
----------------------------------- */

body {
text-align:center;
}

.all {
xbackground-color:#CCCCCC;
margin:0 auto;
background:url(../images/head_bg.jpg) repeat-x top;
}


#contents {
position:relative;
width:960px;
margin:0 auto;
text-align:left;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}

/* index以外にあるdiv -------- */
#contents #contents_in {
padding:0 10px;
height:auto;
min-height:100%;
overflow:hidden;
width:940px;
}

#contents #contents_in:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
zoom:1;
}

#contents #contents_in a {
text-decoration:none;
}


/* ***************************************
	6. header
**************************************** */
div.header {
xheight:70px;
xwidth:100%;
xbackground-color:#CCFF99;
}

div.header div.header_in {
width:960px;
height:70px;
margin:0 auto;
position:relative;
background:url(../images/head_bg.jpg) repeat-x top;
}

div.header div.header_in h1 strong {
width:180px;
height:27px;
background-color:#CCFF66;
background:url(../images/logo_com.gif) no-repeat 0 0;
position:absolute;
top:30px;
left:0px;
}

/*---- font-size ----*/

div.header #font-size {
width:160px;
height:26px;
background:url(../images/font-size_bg_01.jpg) no-repeat top;
position:absolute;
top:2px;
right:4px;
}

div.header #font-size ul {
position:absolute;
left:64px;
}

div.header #font-size li {
float:left;
margin:0 2px 0 0;
}

div.header #font-size li a {
display:block;
width:30px;
height:24px;
text-decoration:none;
}

div.header #font-size li.small a:hover,#font-size li.smalled a {
background:url(../images/font-size_bg_01.jpg);
background-position:-64px -78px;
}

div.header #font-size li.medium a:hover,#font-size li.mediumed a {
background:url(../images/font-size_bg_01.jpg);
background-position:-96px -52px;
}

div.header #font-size li.large a:hover,#font-size li.largeed a {
background:url(../images/font-size_bg_01.jpg);
background-position:-128px -26px;
}

div.header #font-size li a span {
text-indent:-9999px;
font-size:0.1em;
visibility:hidden;
}

/*---- h_navi ヘッターナビ ----*/

div.header ul#h_navi {
position:absolute;
top:40px;
right:6px;
}

div.header ul#h_navi a {
display:block;
font-size:0.1em;
overflow:hidden;
text-indent:-9999px;
}

div.header ul#h_navi li {
float:left;
margin-left:10px;
}

ul#h_navi li.h_navi_home a {
width:69px;
background:url(../images/hn_01.gif) no-repeat 0 0;
}
ul#h_navi li.h_navi_home a:hover {
background-position:0 -20px;
}

ul#h_navi li.h_navi_about a {
width:116px;
background:url(../images/hn_01.gif) no-repeat -69px 0;
}
ul#h_navi li.h_navi_about a:hover {
background-position:-69px -20px;
}

ul#h_navi li.h_navi_sitemap a {
width:99px;
background:url(../images/hn_01.gif) no-repeat -185px 0;
}
ul#h_navi li.h_navi_sitemap a:hover {
background-position:-185px -20px;
}

ul#h_navi li.h_navi_contact a {
width:99px;
background:url(../images/hn_01.gif) no-repeat -284px 0;
}
ul#h_navi li.h_navi_contact a:hover {
background-position:-284px -20px;
}


/* ***************************************
	7. navi　メニューボタン
**************************************** */

#navi_index {
z-index:50;
}

#navi {
background:url(../images/navi_index.jpg) no-repeat;
height:45px;
width:960px;
}

#navi ul li {
float:left;
width:137px;
height:45px;
}

#navi ul li.n_05 {
width:138px;
}

#navi ul li a {
display:block;
width:137px;
height:45px;
text-decoration:none;
}

#navi ul li.n_05 a {
width:138px;
}



/*----ナビ・ボタンごとの設定----*/

/* 01 */
#navi ul li.n_01_on a {
	background:url(../images/navi_index.jpg) no-repeat;
	background-position:0px 0px;
}
#navi ul li.n_01_on a:hover {
	background:url(../images/navi_index.jpg) no-repeat;
	background-position:0px -45px;
}
#navi li.n_01 ul.sub {
	display:none;
}
#navi li.n_01_on ul.sub {
 position:absolute;
 width:116px;
 top:41px;
 left:0px;
 z-index:10;
 background:none;
}

/* 02 */
#navi ul li.n_02_on a:hover {
	background:url(../images/navi_index.jpg) no-repeat -137px -45px;
}
#navi li.n_02 ul.sub {
	display:none;
}
#navi li.n_02_on ul.sub {
 position:absolute;
 width:116px;
 top:41px;
 left:137px;
 z-index:10;
 background:none;
}


/* 03 */
#navi ul li.n_03_on a:hover {
	background:url(../images/navi_index.jpg) no-repeat -274px -45px;
}
#navi li.n_03 ul.sub {
	display:none;
}
#navi li.n_03_on ul.sub {
 position:absolute;
 width:116px;
 top:41px;
 left:274px;
 z-index:10;
 background:none;
}


/* 04 */
#navi ul li.n_04_on a:hover {
	background:url(../images/navi_index.jpg) no-repeat -411px -45px;
}
#navi li.n_04 ul.sub {
	display:none;
}
#navi li.n_04_on ul.sub {
 position:absolute;
 width:116px;
 top:41px;
 left:411px;
 z-index:10;
 background:none;
}

/* 05 */
#navi ul li a {
width:137px;
}

#navi ul li.n_05_on a:hover {
	background:url(../images/navi_index.jpg) no-repeat -548px -45px;
}
#navi li.n_05 ul.sub {
	display:none;
}
#navi li.n_05_on ul.sub {
 position:absolute;
 width:116px;
 top:41px;
 left:548px;
 z-index:10;
 background:none;
}

/* 06 */
#navi ul li.n_06_on a:hover {
	background:url(../images/navi_index.jpg) no-repeat -686px -45px;
}#navi li.n_06 ul.sub {
	display:none;
}
#navi li.n_06_on ul.sub {
 position:absolute;
 width:116px;
 top:41px;
 left:686px;
 z-index:10;
 background:none;
}

/* 07 */
#navi ul li.n_07_on a:hover {
	background:url(../images/navi_index.jpg) no-repeat -823px -45px;
}

/*----/ナビ・ボタンごとの設定----*/

#navi span {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}


/*----プルダウンの設定----*/

#navi ul li ul.sub {
	padding:1px 0 0 0;
}

#navi ul li ul.sub li {
	height:28px;
	margin:0px 0 4px 0;
}


#navi ul li ul.sub li a {
	background:url(../images/sub_li_bg_01.png);
	padding:6px 0 0 0;
	display:block;
	width:137px;
	height:25px;
	color:#fff;
	text-align:left;
	text-indent:1em;
	font-size:10px;
	margin:0;
	border-bottom:1px solid #fff;
	text-decoration:none;
	z-index:15;
}
	
#navi ul li ul.sub li a:hover {
	background:url(../images/sub_li_bg_h_01.png);
}


/*---- indexのみの位置を指定 ----*/
#navi_index {
margin-top:-20px;
position:relative;
}


/* ***************************************
	中ページ共通
**************************************** */

/*---- パンクズリスト ----*/

#contents #pankuzu {
margin:3px 0 ;
font-size:11px;
}

/*---- h2 ----*/
#contents .common_h2 {
width:940px;
height:50px;
margin-bottom:20px;
}

/*---- h3 ----*/
#contents h3 {
width:718px;
height:23px;
margin-bottom:20px;
}

/*---- 各ページ ----*/
#contents #contents_in #main_contents {
xfloat:right;
float:right;
margin-right:15px;
width:718px;
xpadding:0 5px 10px 5px;
height:100%;
display:block;
    margin-bottom: -32767px;
    padding-bottom: 32767px;
		}


/*---- contents_list（かましページのみ） ----*/

#contents ul#contents_list {
width:762px;
float:right;
}

/*---- コンテンツが3つ以下の場合
　　　（かましページのみ） ----*/

#contents ul#contents_list {
padding-bottom:120px;
}


#contents ul#contents_list li {
border:1px solid #E4E4E4;
width:227px;
height:160px;
margin:0 0 20px 15px;
padding:5px;
display:block;
float:left;
}

/*---- sub_contents ----*/
#contents div#sub_contents {
xbackground:url(../images/container_second_in_bg_01.jpg) 0 0 no-repeat;
background-color:#E4E4E4;
width:166px;
height:100%;
padding:3px 2px;
    margin-bottom: -32767px;
    padding-bottom: 32767px;
	float:left;
		}

#contents #sub_contents ul {
width:164px;
}

#contents #sub_contents li {
margin:0 0 3px 0;
height:30px;
}

#contents #sub_contents li a {
width:164px;
height:30px;
background-position:center;
text-decoration:none;
xposition:relative;
z-index:1;
display:block;
font-size:0.1em;
text-indent:-9999px;
overflow:hidden;
}

#contents #sub_contents li a:hover {
background-position:left;
}

#contents #sub_contents li.page a {
background-position:-328px 0;
}

#contents #sub_contents li a span {
text-indent:-9999px;
font-size:0.1em;
visibility:hidden;
}


/* ***************************************
	ニュースリリース関連
**************************************** */
.news-n {
background:url(../images/news-n.gif) 0 0 no-repeat;
}
.news-d {
background:url(../images/news-d.gif) 0 0 no-repeat;
}
.news-p {
background:url(../images/news-p.gif) 0 0 no-repeat;
}
.news-ds {
background:url(../images/news-ds.gif) 0 0 no-repeat;
}



/* ***************************************
	共通table
**************************************** */

table.table_01 {
margin-bottom:15px;
width:718px;
}

th,tr,td {
border:1px #E4E4E4 solid;
padding:9px 10px;
}

table.table_01 th {
text-align:center;
padding:8px 25px;
background:url(../images/th_bg_02.gif) bottom repeat-x #F4F4E1;
}

table.table_01 tr.even {
background-color:#F6F6F6;
}

/* ***************************************
	form共通
**************************************** */

div#holiday {
background-color:#FFEEFF;
border: 1px solid #CCCCCC;
margin-bottom:10px;
padding: 5px 15px;
xtext-align: center;
width: 675px;
}

div#holiday strong {
font-weight:bold;
margin:5px 0;
}

div#holiday .b_red {
color:#CC0000;
}

#main_contents #btn_box a#submit_check_btn {
background:url(../images/submit_check_btn_01.jpg) 0 0 no-repeat;
width:120px;
height:34px;
margin:20px auto;
}
#main_contents #btn_box a#submit_check_btn:hover {
background:url(../images/submit_check_btn_01.jpg) 0 -34px no-repeat;
}

/*-- ここから--フォームプライバシー表示切替ボタン設定 --*/
/*-- フォームの切り替えによって表示を変える --*/
#main_contents form.form_p_ho_small th div div.privacy_disp_small a,
#main_contents form.form_p_ho_small th div div.privacy_disp_large a,
#main_contents form.form_p_ho_small th div div.privacy_disp_small_ho a,
#main_contents form.form_p_ho_large th div div.privacy_disp_small a,
#main_contents form.form_p_ho_large th div div.privacy_disp_large a,
#main_contents form.form_p_ho_large th div div.privacy_disp_large_ho a,
#main_contents form.form_p_ko_small th div div.privacy_disp_small a,
#main_contents form.form_p_ko_small th div div.privacy_disp_small_ho a,
#main_contents form.form_p_ko_small th div div.privacy_disp_large_ho a,
#main_contents form.form_p_ko_large th div div.privacy_disp_large a,
#main_contents form.form_p_ko_large th div div.privacy_disp_small_ho a,
#main_contents form.form_p_ko_large th div div.privacy_disp_large_ho a {
	display:none;
}

#main_contents form th div div a {
	display:block;
	width:120px;
	height:21px;
	border:none;
	position:absolute;
	right:10px;
	top:5px;
}
/* Not for IE6 */
head + body form th div div a {
right:0px;
top:5px;
}

form th div div.small a {
	background:url(../images/form_privacy_btn_02.jpg) no-repeat;
	outline:none;
}
form th div div.small a {
    background: url(../images/form_privacy_btn_02.jpg) no-repeat scroll 0 0 transparent;
    outline: medium none;
}

form th div div.large a {
	background:url(../images/form_privacy_btn_01.jpg) no-repeat;
	outline:none;
	right:20px;
	top:5px;
}

/* Not for IE6 */
head + body form th div div.large a {
right:0px;
top:5px;
}

form th div div a span {
	font-size:0.1em;
	visibility:hidden;
}

/*-- ここまで--フォームプライバシー表示切替ボタン設定 --*/

/*-- form 共通 --*/
.form_title_s {/* 各ページ見出し（エラー、内容確認、送信完了） */
background:url(../images/shikaku_red_01.gif) 0 center no-repeat #F5F5F5;
border: 1px solid #B3B3B3;
display: block;
text-indent: 18px;
width: 708px;
font-weight:bold;
padding:5px 0;
}

/*-- form 共通 ボタン --*/
#main_contents #btn_box a#back_btn {
width:120px;
height:34px;
background:url(../images/back_btn.jpg) 0 0 no-repeat;
margin:20px auto;
}
#main_contents #btn_box a#back_btn:hover {
background:url(../images/back_btn.jpg) 0 -34px no-repeat;
}

a.submit_btn_02 {
width:120px;
height:34px;
background:url(../images/submit_btn.jpg) 0 0 no-repeat;
position:relative;
top:20px;
left:229px;
}
a.submit_btn_02:hover {
background:url(../images/submit_btn.jpg) 0 -34px no-repeat;
}

a.submit_back_btn {
width:120px;
height:34px;
background:url(../images/back_btn.jpg) 0 0 no-repeat;
position:relative;
top:-14px;
left:369px;
}
a.submit_back_btn:hover {
background:url(../images/back_btn.jpg) 0 -34px no-repeat;
}



/*-- ○○_thanks.html共通 --*/

#main_contents #thanks {
padding:0 5px;
}

#main_contents #thanks blockquote {
width:600px;
border:1px dotted #BBBBBB;
margin:20px auto;
background-color: #EDEDED;
padding:10px 20px;
}

#main_contents #thanks blockquote strong {
font-weight:bold;
}

#contents #foot_link {
width:960px;
height:80px;
display:block;
margin-top:30px;
xborder-top:1px solid #CCCCCC;
font-size:10px;
position:relative;
}

#contents #foot_link #link {
xbackground-color:#CCFF66;
padding:0 5px;
position:absolute;
bottom:0;
width:760px;
}

#contents #foot_link #link a {
text-decoration:underline;
}

#contents #foot_link #mark {
xbackground-color:#CCFFCC;
width:143px;
position:absolute;
right:5px;
top:0;
}

#contents #foot_link #mark span {
float:left;
}

#contents #foot_link #p_mark a {
background:url(../images/p_mark_logo.gif) 0 0 no-repeat;
width:77px;
height:79px;
}
#contents #foot_link #zenkyukyo {
background:url(../images/zenkyukyo.gif) 0 bottom no-repeat;
width:66px;
height:79px;
}



 
/* ***************************************
	8. footer
**************************************** */

div.all div.footer {
xheight:70px;
xpadding:10px 0;
text-align:left;
}

div.all div.footer div.footer_in {
xwidth:960px;
xheight:70px;
xmargin:0 auto;
}

div.footer_top{
xbackground:url(../images/foot_bg.gif) repeat-x;
border-top:1px solid #999999;
background-color:#E6E6E6;
padding:10px 0;
}

div.footer_top_in{
width:960px;
margin:0 auto;
xbackground-color:#FFCC99;
}

div.footer_top_in div.footer_map {
width:960px;
xheight:200px;
} 

div.footer_top_in div.footer_map h5 {
font-size:12px;
font-weight:bold;
}

div.footer_top_in div.footer_map ul {
font-size:12px;
padding-left:5px;
}

div.footer_top_in div.footer_map ul a {
text-decoration:none;
}

div.footer_top_in div.footer_map div {
float:left;
padding-left:10px;
} 

div.footer_top_in div.footer_map div#f_about {
width:166px;
xpadding:0;
}

div.footer_top_in div.footer_map div#f_news_rec,
div.footer_top_in div.footer_map div#f_business,
div.footer_top_in div.footer_map div#f_other {
width:180px;
border-left:1px solid #CCCCCC;
}

div.footer_top_in div.footer_map div#f_contact {
width:200px;
border-left:1px solid #CCCCCC;
}


div.footer_top_in div.relatedsite {
width:914px;
background-color:#F3F3F3;
margin:20px auto 0;
padding:10px 18px;
font-size:10px;
} 

div.footer_top_in div.relatedsite strong {
font-weight:bold;
}

div.footer_top_in div.relatedsite a {
margin-left:7px;
text-decoration:underline;
}

div.footer_top_in div.relatedsite div.site_list {
float:left;
xbackground-color:#CCFF99;
width:245px;
margin-left:23px;
}

div.footer_top_in div.relatedsite div#f_dnavi {
margin:0;
width:375px;
}
div.footer_top_in div.relatedsite div#f_dnavi .emp {
padding-left:4px;
}

div.footer_top_in div.relatedsite div#f_dstaff,
div.footer_top_in div.relatedsite div#f_nail {
margin-top:25px;
}

div.footer_top_in div.relatedsite h5 {
border-bottom:1px solid #000000;
height:16px;
}

div.footer_top_in div.relatedsite div#f_dnavi h5 {
background:url(../images/foot_relatedsite_dn.gif) 0 0 no-repeat;
}

div.footer_top_in div.relatedsite div#f_rookies h5 {
background:url(../images/foot_relatedsite_dr.gif) 0 0 no-repeat;
}

div.footer_top_in div.relatedsite div#f_dstaff h5 {
background:url(../images/foot_relatedsite_ds_01.gif) 0 0 no-repeat;
}

div.footer_top_in div.relatedsite div#f_pretty h5 {
background:url(../images/foot_relatedsite_p.gif) 0 0 no-repeat;
}

div.footer_top_in div.relatedsite div#f_nail h5 {
background:url(../images/foot_relatedsite_n.gif) 0 0 no-repeat;
}

div.footer_bottom {
width:950px;
height:79px;
margin:10px auto 0;
position:relative;
}

div.footer_bottom div#mark {
position:absolute;
right:0;
top:0;
width:143px;
}

div.footer_bottom div#mark span {
float:left;
}

div.footer_bottom div#mark span#zenkyukyo {
background:url(../images/zenkyukyo.gif) 0 bottom no-repeat;
width:66px;
height:79px;
}

div.footer_bottom div#mark span#p_mark a {
background:url(../images/p_mark_logo.gif) 0 0 no-repeat;
width:77px;
height:79px;
}

p#copyright {
background:url(../images/copyright2012.gif) 0 0 no-repeat;
width:296px;
height:20px;
}

div.all div.footer a {
xtext-indent:-9999px;
xoverflow:hidden;
xfont-size:0.1em;
xdisplay:block;
}

div.all div.footer ul li {
xfloat:right;
xmargin-left:10px;
}

div.all div.footer ul li.f_navi_policy a {
xwidth:110px;
xbackground:url(../images/fn_01.gif) 0 0;
}
div.all div.footer ul li.f_navi_policy a:hover {
xbackground:url(../images/fn_01.gif) 0 -20px;
}


div.all div.footer ul li.f_navi_privacy a {
xwidth:143px;
xbackground:url(../images/fn_01.gif) -110px 0;
}
div.all div.footer ul li.f_navi_privacy a:hover {
xbackground:url(../images/fn_01.gif) -110px -20px;
}

div.all div.footer ul li.f_navi_kaiji a {
xwidth:133px;
xbackground:url(../images/fn_01.gif) -253px 0;
}
div.all div.footer ul li.f_navi_kaiji a:hover {
xbackground:url(../images/fn_01.gif) -253px -20px;
}

div.all div.footer ul li.f_navi_contact a {
xwidth:100px;
xbackground:url(../images/fn_01.gif) -386px 0;
}
div.all div.footer ul li.f_navi_contact a:hover {
xbackground:url(../images/fn_01.gif) -386px -20px;
}

/* コピーライト */
div.all div.footer div.footer_in {
xposition:relative;
}

div.all div.footer p#copyright {
xposition:absolute;
xleft:0;
xtop:-6px;
}

div.all div.footer p#copyright a {
xwidth:296px;
xheight:20px;
xbackground:url(../images/copyright.gif) 0 0;
xxmargin-top:-6px;
}