@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline:none;
}

html {
    height:100%;
}

body {
/*	font-size: 75%; */
	font-size: 100%;
    font-family: "Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,Helvetica,Arial,"MS PGothic",sans-serif;
	line-height: 1.4;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
}

ul {
    padding: 0;
}

p {
	line-height: 1.4;
    margin: 10px;
    padding: 0;
    text-indent: 0;    
}

img {
    border: 0;
}

div.section {
    clear: both;
    margin: 0;
    padding-bottom: 15px;
}

a,
a:visited {
	text-decoration: none;   
}

a:hover,
a:active {
	text-decoration: none;   
}

a.uline {
    text-decoration: underline;
}

/* 透過PNG の IE6対応
------------------------------ */
img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }


/* ヘッダー
------------------------------ */
#header {
    width: 900px;
/*    height: 84px; */
    height: 68px;
    background: #ffffff;
}

/* サイトトップ ナビゲーション 上段
----------------------*/
#header_upper {
    width: 900px;
/*    height: 36px; */
    height: 16px;
    margin: 0;
    padding: 0;
    overflow: auto;
    font-size: 10px;
}

#header_welcome  {
	width: 900px;    
    text-align: right;
    color: #ff8416;
    font-size: 10px;
    font-weight: normal;
    margin: 3px 0 0 0;
    line-height: 1.3;
    background: #ffffff;
    font-family: "Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Helvetica,Arial,"MS PGothic",sans-serif;
/*    font-size: 12px; */
/*	line-height: 1.9; */
/*    margin: 10px 0 0 0; */
}


/* サイトトップ ナビゲーション 下段
----------------------*/
#header_lower {
    clear: both;
    width: 900px;
    height: 38px;
    margin: 0 0 10px 0;
}


#header_deluxe {
    float: left;
    width: 97px;
    height: 38px;
/*    background: #ffffff; */
}

#header_deluxe a{
	display: block;
	overflow: hidden;
    width: 97px;
	height: 0 !important;
	height /**/: 38px;
	padding-top: 38px;
	background: transparent url(../images/header_deluxe.png) no-repeat left top;
	color: #ffffff;
    margin: 0;
}

#header_deluxe a:hover {
    background-position:  0     -38px;
}

#header_deluxe a:active,
#header_deluxe a.stay {
    background-position:  0     -76px;
}

/* ヘッダー ナビゲーション メニュー
----------------------*/
#header_navi_menu {
    float: left;
    width: 777px;
    height: 38px;
    margin: 0;
/*    background: #ffffff; */
    color: #000000;
    font-size: 12px;
}


/* ヘッダー差し替え対応でコメントアウト
#header_navi_1_in,
#header_navi_1_out {
    width: 777px;
    height: 19px;
    margin: 0;
    color: #000000;
    font-size: 12px;
}

#header_navi_1_in ul,
#header_navi_1_out ul {
    display: block;
    margin: 0;
    padding:0;
    height: 19px;
    list-style-type: none;
    text-align:left;
}

#header_navi_1_in li,
#header_navi_1_out li {
	display: block;
	float: left;
	width: 111px;
}


#header_navi_1_in li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height : 19px;
	padding-top: 19px;
	background-image: url(../images/header_navi_1_in.png);
	color: #ffffff;
}

#header_navi_1_out li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height : 19px;
	padding-top: 19px;
	background-image: url(../images/header_navi_1_out.png);
	color: #ffffff;
}
-->

    /* 通常時 */
	#hd_navi_kibun a { background-position:  0     0; }
	#hd_navi_blog  a { background-position:  -111px     0; }
	#hd_navi_anzan a { background-position:  -222px     0; }
	#hd_navi_dodo  a { background-position:  -333px     0; }
	#hd_navi_hoke  a { background-position:  -444px     0; }
	#hd_navi_news  a { background-position:  -555px     0; }
	#hd_navi_login a,
	#hd_navi_logout a { background-position:  -666px     0; }

    /* オンマウス */
	#hd_navi_kibun a:hover { background-position:       0     -19px; }
	#hd_navi_blog  a:hover { background-position:  -111px     -19px; }
	#hd_navi_anzan a:hover { background-position:  -222px     -19px; }
	#hd_navi_dodo  a:hover { background-position:  -333px     -19px; } 
	#hd_navi_hoke  a:hover { background-position:  -444px     -19px; }
	#hd_navi_news  a:hover { background-position:  -555px     -19px; }
	#hd_navi_login a:hover,
	#hd_navi_logout a:hover { background-position:  -666px     -19px; }
		

    /* クリック時＆居場所 */
	#hd_navi_kibun a:active, #hd_navi_kibun a.stay { background-position:       0     -38px; }
	#hd_navi_blog  a:active, #hd_navi_blog  a.stay { background-position:  -111px     -38px; }
	#hd_navi_anzan a:active, #hd_navi_anzan a.stay { background-position:  -222px     -38px; }
	#hd_navi_dodo  a:active, #hd_navi_dodo  a.stay { background-position:  -333px     -38px; }
	#hd_navi_hoke  a:active, #hd_navi_hoke  a.stay { background-position:  -444px     -38px; }
	#hd_navi_news  a:active, #hd_navi_news  a.stay { background-position:  -555px     -38px; }
	#hd_navi_login a:active, #hd_navi_login a.stay,
	#hd_navi_logout a:active, #hd_navi_logout a.stay { background-position:  -666px     -38px; }
	

#header_navi_2 {
    width: 777px;
    height: 19px;
    margin: 0;
/*    background: #ffffff; */
    color: #000000;
    font-size: 12px;
}

#header_navi_2 ul {
    display: block;
    margin: 0;
    padding:0;
    height: 19px;
    list-style-type: none;
    text-align:left;
}

#header_navi_2 li {
	display: block;
	float: left;
	width: 111px;
}


#header_navi_2 li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 19px;
	padding-top: 19px;
	background-image: url(../images/header_navi_2.png);
	color: #ffffff;
}

    /* 通常時 */
	#hd_navi_udpaint a { background-position:       0     0; }
	#hd_navi_works   a { background-position:  -111px     0; }
	#hd_navi_udgold  a { background-position:  -222px     0; }
	#hd_navi_shop    a { background-position:  -333px     0; }
	#hd_navi_club    a { background-position:  -444px     0; }
	#hd_navi_about   a { background-position:  -555px     0; }
	#hd_navi_signup  a { background-position:  -666px     0; }

    /* オンマウス時 */
	#hd_navi_udpaint a:hover { background-position:       0     -19px; }
	#hd_navi_works   a:hover { background-position:  -111px     -19px; }
	#hd_navi_udgold  a:hover { background-position:  -222px     -19px; }
	#hd_navi_shop    a:hover { background-position:  -333px     -19px; }
	#hd_navi_club    a:hover { background-position:  -444px     -19px; }
	#hd_navi_about   a:hover { background-position:  -555px     -19px; }
	#hd_navi_signup  a:hover { background-position:  -666px     -19px; }

    /* クリック時＆居場所 */
	#hd_navi_udpaint a:active, #hd_navi_udpaint a.stay { background-position:       0     -38px; }
	#hd_navi_works   a:active, #hd_navi_works   a.stay { background-position:  -111px     -38px; }
	#hd_navi_udgold  a:active, #hd_navi_udgold  a.stay { background-position:  -222px     -38px; }
	#hd_navi_shop    a:active, #hd_navi_shop    a.stay { background-position:  -333px     -38px; }
	#hd_navi_club    a:active, #hd_navi_club    a.stay { background-position:  -444px     -38px; }
	#hd_navi_about   a:active, #hd_navi_about   a.stay { background-position:  -555px     -38px; }
	#hd_navi_signup  a:active, #hd_navi_signup  a.stay { background-position:  -666px     -38px; }


/* 日本語英語切替ボタン部 */

#header_lang {  
    float: right;
    width: 26px;
    height: 19px;
    margin: 0;
/*    display: none;  */ /* 英語サイトオープンまで非表示 */
}

#header_lang_ja a {
    clear: both;
	display: block;
	overflow: hidden;
    width: 26px;
	height: 0 !important;
	height /**/: 19px;
	padding-top: 19px;
	background: transparent url(../images/lang_japanese.png) no-repeat left top;
    background-position:  0     0;
	color: #ffffff;
    margin: 0;
}

#header_lang_en {
    clear: both;
	display: block;
	overflow: hidden;
    width: 26px;
	height: 19px;
	background: transparent url(../images/lang_english.png) no-repeat left top;
    background-position:  0     -38px;
	color: #ffffff;
    margin: 0;
}

#header_lang_en a {
    clear: both;
	display: block;
	overflow: hidden;
    width: 26px;
	height: 0 !important;
	height /**/: 19px;
	padding-top: 19px;
	background: transparent url(../images/lang_english.png) no-repeat left top;
    background-position:  0     0;
	color: #ffffff;
    margin: 0;
}

#header_lang_ja a:hover, #header_lang_ja a:active,
#header_lang_en a:hover, #header_lang_en a:active {
    background-position:  0     -19px;
}

#header_lang_ja a.stay,
#header_lang_en a.stay {
    background-position:  0     -38px;
}




/* フッター
---------------------------------------------*/
#footer {
    clear:both;
    width: 900px;
    margin: 0;
    text-align: center;
    background: transparent;
}

/* サイト内検索
----------------------*/
#search 
{   
    clear: both;
    position: relative;
    text-align: center;
    height: 27px;
    margin: 50px 0 0 0;
    background: transparent;
    font-size: 12px; 
}

#search form {
    width: 400px;
    margin: 0 auto;
    text-align: left;
}

#search .search_title {
    float: left;
    margin: 2px 10px 0 0;
}

#search .search_box {
    float: left;
}
#search .input_box {
    width: 240px;
    height: 20px; /* border-box for IE6 */
    padding: 1px;
    border: 1px solid #cccccc;
    margin-top: 0;
}

#search .search_submit {
    float: right;
}

#search .submit_btn {
    float: right;
    width: 70px;
    height: 27px;
    background: transparent url(../images/footer_go.png) left top no-repeat;
    background-position:0 0;
    text-indent:-9999px;
    border:none;
    color: #ffffff;
	padding-top: 27px;
	overflow: hidden;
}

#search .submit_btn:hover {  /* IE6 では未対応 */
    background-position:0 -27px;
}

#search .submit_btn:active {  /* IE6 では未対応 */
    background-position:0 -54px;
}

/* フッター ナビゲーション
----------------------*/
#footer_navi {
	clear: both;
	font-size: 10px;
    margin: 30px 0 0 0;
}

#footer_navi ul {
    margin:0;
    padding:0;
    list-style-position:inside;
    list-style-type: none;
    text-align:center;
}

#footer_navi li {
    display:inline;
	line-height: 1.4;
}

#footer_navi a {
	text-decoration: none;
	color: #000000;
	padding: 0 0 0 7px;
	background: transparent url(../images/footer_navi_list_marker.gif) left top no-repeat;
	font-size: 10px;
}

#footer_navi a.far_left {   /* 先頭は背景なし */
	text-decoration: none;
	color: #000000;
	padding: 0;
	background: transparent;
	font-size: 10px;
}

#footer_navi a:hover, #footer_navi a:hover.far_left {
	text-decoration: underline;
	color: #ff0000;
	font-size: 10px;
}

/* コピーライト
----------------------*/
#copyright {
    clear: both;
    text-align: center;
    background: transparent;
    margin: 30px 0 0 0;
    padding: 0 0 10px 0;    
    font-size: 10px;
}

/* JASRAC表記
----------------------*/
span.jasrac {
    background: transparent;
    margin-left: 15px;
    font-size: 10px;
}


/* リンク
---------------------------------------------*/
#link_more {
    text-align: center;
    margin: 10px 0;
}

#link_more a {
    font-size: 12px;
	background: transparent url(../images/link_te.gif) left top no-repeat;
	padding-left: 26px;
}



/* ページトップへ
---------------------------------------------*/
#go_pagetop {
    text-align: right;
    margin: 10px 20px;
}

#go_pagetop a {
    font-size: 12px;
}

#go_pagetop a:hover {
    text-decoration: underline;
}

/* ヘッダーリニューアル追記 */
html {overflow-y:scroll;}
* html body {background:url(null) fixed;}
#header	{width:100%; padding:2px 0 0;	background:#80C64A;	color:#ffffff;	position:fixed;	top:0;	left:0;	z-index:20; margin:0 auto; text-align:center; border-top:1px solid #B1F9A2; border-bottom:1px solid #43943F; min-width:900px; height:auto; min-height:19px; line-height:1;}
* html #header {height:19px;}
#header_outer {position:relative; width:100%;}
* html div#header {position:absolute; top:expression(eval(document.documentElement.scrollTop+0));width:expression(eval(document.documentElement.clientWidth));}
#header_deluxe {float:none; width:108px; height:100px; position:fixed; left:0; top:1px; overflow:hidden; z-index:30;}
* html div#header_deluxe {position:absolute; left:0; top:expression(eval(document.documentElement.scrollTop+1));}
#header_deluxe a{display:block;	overflow:hidden; width:108px;	height:86px !important;
	padding-top: 0px;	background:none;}
#header_deluxe a:hover {background-position:0 0;}
#header_deluxe a:active,#header_deluxe a.stay {background-position:0 0;}

#header ul,#header ul li	{margin:0; padding:0; text-align:left; line-height:1; list-style:none;}
#header ul a {font-size:11px; color:#ffffff; text-decoration:none !important;}
#header ul a:hover {text-decoration:underline;}
#header ul ul a {display:block;	background:#80C64A; padding:6px;	color:#ffffff;	border-bottom:1px solid #ffffff; border-right:1px solid #43943F;}
#header ul ul a:hover {background:#FC9914;}
#header_inner {float:left; padding:0 0 0 120px; width:580px;}
* html #header_inner {width:700px;}
*:first-child+html #header_inner {width:700px;}
#header_sub {float:right; text-align:right; width:200px;}
#header_inner ul li {float:left;padding:0 10px 0 0;}
#header_sub {position:absolute; right:0;}
#header_sub ul {float:right;}
#header_sub ul li{float:left;padding:0 10px 0 0;}
#nav  {position:relative;}
#nav2 {position:relative;}
#nav  li {float:left; position:relative;}
#nav2 li {float:left; position:relative;}
#nav  ul {display:none; position:absolute; top:20px; left:0; width:140px;}
#nav2 ul {display:none; position:absolute; top:20px; left:-20px; width:80px;}
* html #nav  ul {line-height:0;}
* html #nav2 ul {line-height:0; width:80px; overflow:hidden;}
#nav  ul li ul li {float:none; padding:0;}
#nav2 ul li ul li {float:none; padding:0;}
#nav ul    {width:140px;}
#nav ul  a {width:120px;}
#nav2 ul   {width:80px;}
#nav2 ul a {width:68px; text-align:center;}

#footer_wrapper {margin:0 auto;}
#footer {margin:0 auto;}

#header_navi_1_in ,
#header_navi_1_out{display:none;}