@charset "Shift_JIS";

/*共通部分のスタイルシート

■目次：

・共通指定
　・DreamweaverMX2004 デザインビュー　崩れ防止用
・配置
・全体レイアウト
・ヘッダー
・グローバルナビゲーション
・本文
・グローバルナビゲーション　右サイド
・フッター
・ページトップへ
・音声ブラウザ用　隠しリンク

*/

*{
	margin: 0;
	padding: 0;
}

body {
	font-size: 80%;
	color: #444444;
	background: url(../image/images/body_bg.jpg) top left repeat-x;
}

/*---------------共通指定---------------*/

img {
	border: 0;
	margin:0;
	padding:0;
}

p {
	line-height: 1.4;
	padding:0;
	margin:0;
}

/*DreamweaverMX2004 デザインビュー　崩れ防止用*/
h1,h2,h3,ul,ol,li,dl,dt,dd {
	margin:0;
	padding:0;
}

/*---------------配置---------------*/

.f-clear {
	clear: both;
}

/*---------------  ADD  ---------------*/

#content_box {
	width: 1000px;
	margin: 0 auto;
}

#main_content {
	width: 857px;
	background: url(../image/images/content_bg.jpg) left top repeat-y;
	margin: 0 auto;
	padding-left: 7px;
}

#shopmenu {
	padding-top: 5px;
}

#shopmenu li {
	float: left;
	list-style: none;
	padding-bottom: 10px;
}

#footer_tem {
	width: 850px;
	height: 125px;
	border-top: #000000 3px solid;
	position: relative;
}

#footer_tem a {
	color:#000000;
}

#footer_tem .footer_list {
	margin: 15px auto 0 auto;
	text-align: center;
}

#footer_tem .airis {
	position: absolute;
	left: 435px;
	top: 100px;
}

#footer_tem .airis a {
	color: #8A8A8A;
}

#footer_tem .airis img {
	float: left;
	padding-right: 3px;
	padding-top: 1px;
}

#footer_tem .footer_list li {
	list-style: none;
	background: url(../image/images/hui_icon.gif) 0 1px no-repeat;
	padding-left: 14px;
	margin-right: 11px;
	line-height: 16px;
	display: inline;
}

#footer_tem .copyright {
	position: absolute;
	left: 152px;
	top: 100px;
	color: #8A8A8A;
	text-align: right;
	width: 265px;
}

.news_box {
	width: 580px;
}

.news_box .left {
	width: 190px;
	float: left;
}

.news_box .right {
	width: 380px;
	float: right;
	overflow: hidden;
}

.news_box .right .index_title {
	width: 380px;
	height: 21px;
	position: relative;
	overflow: hidden;
}

.news_box .right  .index_title .browse {
	width: 39px;
	height: 16px;
	position: absolute;
	left: 340px;
	top: 0px;
}

.demo {
	width: 380px;
	position: relative;
	z-index: 10;
}

.gg {
	height: 134px;
}

.demo2 {
	width:560px;
	padding:0px 0 0px 18px;
	border:1px solid #d29c43;
	border-right: none;
	background:#fdf5da;
}

.hh {
	height:272px;
}

.demo3 {
	width:560px;	
	border:1px solid #e1d3ae;
	border-right: none;
	background:#feffec;
	padding:0 0 0 18px;
}

.ii {
	height:184px;
}
.demo_test {
	width: 380px;
	height: 62px;
	overflow: auto;
}

.topics_dl {
	width: 360px;
	background: url(../../images/line_h.gif) left bottom repeat-x;
	padding: 9px 0 9px 0;
	float: left;
	overflow: hidden;
	zoom: 1;
}

.topics_dl dt {
	display: block;
	float: left;
	color: #CC0000;
	padding-left: 8px;
	padding-right: 10px;
}

.topics_dl dd {
	display: block;
	float: left;
}

#sidemenu #right_login p {
	padding: 0 0 0 0;
}

#sidemenu #right_login img {
	vertical-align: top;
	overflow: hidden;
}

#sidemenu #right_login .login {
	width: 222px;
	height: 180px;
	margin-top: 6px;
	background: url(../image/images/login_bg_new.jpg) no-repeat;	
}

#sidemenu #right_login .login .login_btn {
	position: absolute;
	right: 5px;
	top: 62px;
}

#sidemenu #right_login .login_top {
	width: 181px;
	padding-left: 19px;
	padding-top: 10px;
}

#sidemenu #right_login .login_middle {
	width: 180px;
	padding-left: 14px;
	position: relative;
}
#sidemenu #right_login .login_middle .user_span {
	display: block;
	width: 50px;
	float: left;
}

#sidemenu #right_login .login_middle .input_css {
	float: left;
	border: #D2D2D2 1px solid;
	width:110px;
	height: 18px;
}

#sidemenu #right_login .login_middle .btn1 {
	width: 59px;
	height: 21px;
	background: url(../../images/login_btn.jpg) no-repeat;
	border: none;
	margin-left: 50px;
}

#sidemenu #right_login .login_middle a {
	color: #8A8A8A;
}

#sidemenu #right_login input {
	width: 59px;
}

#sidemenu #right_login form {
	padding: 10px 0 0 12px;
}

#sidemenu #right_login .float_l {
	float: left;
}

#sidemenu #right_login .pad_t_3 {
	padding-top: 3px;
}

#sidemenu #right_login .pad_t_7 {
	padding-top: 7px;
}

.mar_l_3 {
	margin-left: 3px;
}

.mar_t_5 {
	margin-top: 5px;
}

.mar_t_7 {
	margin-top: 7px;
}

.mar_t_10 {
	margin-top: 10px;
}

.mar_t_15 {
	margin-top: 15px;
}

.mar_b_15 {
	margin-bottom: 15px;
}

.text_center {
	text-align: center;
}
.dian_up {
	width: 190px;
	margin-top: 5px;
	position: relative;
}

.dian_up .btn1 {
	position: absolute;
	width: 28px;
	height: 17px;
	top: 54px;
	left: 3px;
}

.dian_up .btn2 {
	position: absolute;
	width: 28px;
	height: 17px;
	top: 54px;
	left: 32px;
}

.dian_up .btn3 {
	position: absolute;
	width: 28px;
	height: 17px;
	top: 54px;
	left: 61px;
}

.dian_up .btn4 {
	position: absolute;
	width: 47px;
	height: 17px;
	top: 54px;
	left: 90px;
}


/*---------------全体レイアウト---------------*/

#container {
	width:850px;
	margin:0 auto;
}

/*---------------ヘッダー---------------*/

#header {
	width: 1000px;
	height: 109px;
	margin: 0 auto;
	position: relative;
}

#header .logo {
	width: 124px;
	height: 58px;
	position: absolute;
	left: 13px;
	top: 20px;
}

#header .top_guide {
	width: 196px;
	height: 26px;
	position: absolute;
	background: url(../image/images/top_bg.jpg) left top no-repeat;
	right: 168px;
	top: 5px;
	padding-top: 3px;
	padding-left: 17px;
}

#header .top_guide a {
	color: #FFFFFF;
	font-weight: bold;
}


#header .fontchange {
	width: 167px;
	height: 29px;
	position: absolute;
	color: #FFFFFF;
	right: -4px;
	top: 5px;
}

#header .fontchange .text {
	width: 70px;
	position: absolute;
	right: 80px;
	top: 1px;
	text-align: left;
}

#header .user li {
	list-style: none;
}

#header .text-size {
	width: 152px;
	height: 27px;
	background: url(../image/images/font_bg.jpg) left top no-repeat;
	float: left;
	text-align: left;
	padding-right: 15px;
	padding-top: 2px;
}
#header .text-size ul {
	float:right;
}
#header .text-size li {
	float:left;
	margin-left: 3px;
	list-style:  none;
}
#header .text-size a{
	width:17px;
	height:17px;
	display:block;
	overflow:hidden; 
}
#header #font_s {
	background: url(../image/images/btn_text-s.jpg) no-repeat;
	text-indent:200px;
	line-height:0; 
	overflow:hidden; 
}
#header #font_m a {
	background: url(../image/images/btn_text-m.jpg) no-repeat;
	text-indent:200px;
	line-height:0; 
	overflow:hidden; 
}
#header #font_l {
	background: url(../image/images/btn_text-l.jpg) no-repeat;
	text-indent:200px;
	line-height:0;
	overflow:hidden;  
}
#header #font_s a:hover {
	background: url(../image/images/btn_text-s_o.jpg) no-repeat;
	text-indent:200px;
	line-height:0; 
	overflow:hidden; 
}
#header #font_m a:hover {
	background: url(../image/images/btn_text-m_o.jpg) no-repeat;
	text-indent:200px;
	line-height:0; 
	overflow:hidden; 
}
#header #font_l a:hover {
	background: url(../image/images/btn_text-l_o.jpg) no-repeat;
	text-indent:200px;
	line-height:0; 
	overflow:hidden; 
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {padding:0; margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
#nav li.top {display:block; float:left; height:36px; width:auto;}
#nav li a.top_link {display:block; float:left; height:45px; line-height:33px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}


#nav li:hover a.top_link {color:#fff; background-color:#666600;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:95px; height:auto; z-index:800;}

#nav li:hover ul.sub li
{display:block; height:22px; position:relative; float:left; width:95px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:22px; width:95px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub li a.fly:hover
{color:#ffffff;}



#nav li:hover ul.sub1
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:108px; height:auto; z-index:800;}

#nav li:hover ul.sub1 li
{display:block; height:22px; position:relative; float:left; width:108px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub1 li a
{display:block; font-size:12px; height:22px; width:108px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub1 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub1 li a.fly:hover
{color:#ffffff;}




#nav li:hover ul.sub2
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:101px; height:auto; z-index:800;}

#nav li:hover ul.sub2 li
{display:block; height:22px; position:relative; float:left; width:101px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub2 li a
{display:block; font-size:12px; height:22px; width:101px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub2 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub2 li a.fly:hover
{color:#ffffff;}



#nav li:hover ul.sub3
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:185px; height:auto; z-index:800;}

#nav li:hover ul.sub3 li
{display:block; height:22px; position:relative; float:left; width:185px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub3 li a
{display:block; font-size:12px; height:22px; width:185px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub3 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub3 li a.fly:hover
{color:#ffffff;}



#nav li:hover ul.sub4
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:152px; height:auto; z-index:800;}

#nav li:hover ul.sub4 li
{display:block; height:22px; position:relative; float:left; width:152px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub4 li a
{display:block; font-size:12px; height:22px; width:152px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub4 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub4 li a.fly:hover
{color:#ffffff;}


#nav li:hover ul.sub5
{left:-71px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:130px; height:auto; z-index:500;}

#nav li:hover ul.sub5 li
{display:block; height:22px; position:relative; float:left; width:130px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub5 li a
{display:block; font-size:12px; height:22px; width:130px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub5 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub5 li a.fly:hover
{color:#ffffff;}

#nav li:hover ul.sub6
{left:1px; top:35px; background-color:#ffffff;filter: Alpha(opacity=80);-moz-opacity:.9;opacity:.9; padding:0px;white-space:nowrap; width:122px; height:auto; z-index:500;}

#nav li:hover ul.sub6 li
{display:block; height:22px; position:relative; float:left; width:122px; font-weight:normal; border-bottom:#B7B6B8 1px solid;}
#nav li:hover ul.sub6 li a
{display:block; font-size:12px; height:22px; width:122px; line-height:22px; text-align:center; color:#000000; text-decoration:none; }

#nav li:hover ul.sub6 li a:hover 
{color:#ffffff;background-color:#E80012;}
#nav li:hover ul.sub6 li a.fly:hover
{color:#ffffff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:140px; top:-4px; background: #F7F7F7; padding: 3px 0px 0px 0px; border-top:1px solid #aaaaaa; border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa;  white-space:nowrap; width:149px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{color:#CB9843;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#000;} 

#header .menu {
	width: 788px;
	height: 36px;
	padding: 1px 1px 0 1px;
	border-top: #DCDCDC 1px solid;
	border-left: #DCDCDC 1px solid;
	border-right: #DCDCDC 1px solid;
	position: absolute;
	right: 0px;
	top: 56px;
}

#header .menu li {
	float: left;
	list-style: none;
}

#title {
	padding:16px 0 0 19px;
	float:left;
	width:100px;
}

#title h1 {
	font-size:0;
	line-height:0;
}

#header-bt {
	float:right;
	width:308px;
	margin:16px 10px 0 0;
	text-align:right;
}

#header-bt1 {
	margin:0;
}

#header-bt2 {
	margin:19px 0 0 0;
}

#header-bt ul li {
	list-style-type: none;
	display: inline;
	font-size:0;
	margin:0;
	line-height:0;
	height:11px;
}

#header-bt_e {
	float:right;
	width:496px;
	margin:16px 10px 0 0;
	text-align:right;
}

#header-bt_e ul li {
	list-style-type: none;
	display: inline;
	font-size:0;
	margin:0;
	line-height:0;
	height:11px;
}


/*---------------グローバルナビゲーション---------------*/

#globalnavi {
	width:850px;
	height:41px;
	margin:0 0 25px 0;
}

#globalnavi ul li,
#globalnavi2 ul li {
	list-style-type: none;
	display: inline;
	font-size:0;
	margin:0;
	line-height:0;
	height:41px;
}

#globalnavi2 {
	width:850px;
	height:41px;
	margin:0 0 2px 0;
}

/*---------------英語---------------*/

#line {
	width:850px;
	height:21px;
	margin:0 0 25px 0;
}


/*---------------本文---------------*/

#content {
	width:850px;
	clear:both;
}

/*---------------グローバルナビゲーション　右サイド---------------*/

#sidemenu {
	width:220px;
	float:right;
}

#sidemenu p {
	padding:0 0 10px 10px;
}

#sidemenu p.night {
	padding:0 0 10px 0;
}

#sidemenu ul {
	list-style:none;
	padding:0 0 9px 0;
}

#sidemenu ul li {
	padding:7px 10px 11px 10px;
	background:url(../image/obj_side_01.gif) no-repeat bottom;
	line-height:1.4;
}

#sidemenu ul li.li_1 {
	background:#feffec url(../image/obj_side_01.gif) no-repeat bottom;
}

#sidemenu ul li.li_2 {
	background:none;
	padding-bottom:0;
}

#sidemenu table {
	border:0;
	border-collapse:collapse;
	width:200px;
}

#sidemenu table th {
	font-weight:normal;
	text-align:left;
}

/*ログイン*/
.login {
	width:220px;
	background:url(../image/obj_top_02.gif) repeat-y;
}

#sidemenu .login table {
	border:0;
	border-collapse:collapse;
	width:192px;
	margin:0 0 10px 0;
	background:url(../image/line_01.gif) repeat-x bottom;
}

#sidemenu .login table td {
	padding:0 0 10px 0;
}

#sidemenu .login table th {
	padding:0 0 10px 5px;
}

.login_in {
	background:#feffec;
	margin:0 14px 10px 14px;
	padding:13px 15px;
}

#sidemenu .login p {
	padding:0 0 10px 0;
}

#sidemenu .login p.p_button {
	padding:0;
	margin:0 0 0 34px;
}

#sidemenu form {
	padding:15px 0 12px 14px;
}

#sidemenu input {
	width:135px;
}

#sidemenu input.bt_login {
	width:97px;
	height:27px;
	margin:0 0 0 49px;
}

#sidemenu .login p.p_howto2 {
	padding:0;
	margin:8px 0 0 0px;
	text-align: center;
}

/*第二階層*/
#sidemenu2 {
	width:221px;
	float:right;
	padding:37px 25px 0 0;
}

#sidemenu2 ul {
	list-style:none;
	padding:0;
}

#sidemenu2 ul li {
	padding:0;
	line-height:0;
	font-size:0;
}

#sidemenu2 ul li.li_2 {
	background:none;
	padding:24px 0 0 0;
}

/*---------------ViLAX CARDへ---------------*/

.card {
	margin-top: 10px;
	margin-left: 5px;
}

/*---------------ページトップへ---------------*/

#pagetop {
	text-align:right;
	clear:both;
	padding:40px 0 10px 0;
	margin:0 0 9px 0;
	width:850px;
}

/*---------------フッター---------------*/

#footer {
	clear:both;
	width:850px;
	font-size:0;
	height:20px;
}

#footer-bt {
	float:left;
	width:200px;
}

#footer-bt ul li {
	list-style-type: none;
	display: inline;
	font-size:0;
	padding:0 12px 0 0;
	line-height:0;
	height:10px;
}

#copyright {
	width:250px;
	float:right;
}

/*---------------パン屑リンク---------------*/

#topicpath {
	margin:0 0 25px 0;
	padding:7px 0 7px 9px;
	font-size: 0.85em;
	border:1px solid #e1d3ae;
}

#topicpath span {
	display: none;
}


/*---------------音声ブラウザ用　隠しリンク---------------*/

.hiddennavi {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.mar_t_1 {
	margin-top: 1px;
}
.mar_l_5 {
	margin-left: 5px;
}
.mar_l_7 {
	margin-left: 7px;
}