/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
a:link		{color:#336699;}
a:visited 	{color:#006699;}
a:hover 	{color:#e72617;text-decoration: none;}
a:active	{color:#ff0066;}

body{
	background:url(../data/bg.jpg) repeat-x top #efefef;
	color:#333;
	font-size:14px;}

#all {
	text-align:left;
	width:950px;
	margin:0 auto;
	background:#efefef;}
#contents {
	width:100%;}
#main {
	margin:40px auto 15px auto;
	float:left;
	width:698px;
	border:1px solid #ccc;
	background:url(../data/h1.jpg) no-repeat 0 8px #fff}
#side {
	margin:40px auto 15px auto;
	float:right;
	width:230px;}

#footer {
	width:100%;
	height:158px;}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
	width:100%;	height:60px;
	background:#fff;
	position:relative;}
#header .typeNavi{
	margin:0 0 0 auto;}
	
#header .option{
	width:720px;
	font-size:12px;}
#header .option a,
#header .option a:visited{
	color:#333;}
#header .option a:hover{
	color:#e72617;}
#header .siteNavi{
	width:340px;
	margin-top:8px;}
#header .siteFont{
	width:102px;
	margin-top:8px;}

#header .typeNavi .switch a{
	width:49px; height:21px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;}
#header .typeNavi .fontM a			{background:url(../data/m_fontsize.jpg) no-repeat 0 0;}
#header .typeNavi .fontM a:hover,
#header .typeNavi .fontM a.selected	{background:url(../data/m_fontsize.jpg) no-repeat 0 -21px;}
#header .typeNavi .fontL a			{background:url(../data/l_fontsize.jpg) no-repeat 0 0;}
#header .typeNavi .fontL a:hover,
#header .typeNavi .fontL a.selected	{background:url(../data/l_fontsize.jpg) no-repeat 0 -21px;}

#header .typeNavi .list00,
#header .typeNavi .list01,
#header .typeNavi .list02,
#header .typeNavi .list03{
	background:#fff url(../data/icon_01.gif) no-repeat 0 6px;
	margin-left:5px;
	padding-left:17px;}
#header .typeNavi .list03{
	margin-right:10px;}
#header .siteSearch{
	width:277px;
	height:36px;
	line-height:36px;
	border:1px solid #cecece;
	background:url(../data/Search_text.gif) no-repeat 0 10px #f6f6f6;
	margin-left:5px;
	position:absolute;
	right:0;}
#header .siteSearch .siteSearch{
	border:none;}
#header input.inputSearch{
	margin:8px 5px 0 85px;
	width:130px;}	
#header .typeNavi .list04{
	background:url(../data/fontsize.gif) no-repeat;}

/*静的用
#header{
	position:relative;}
#header .frame_33_34_33 .frameL{ position:absolute; top:0; left:0;}
#header .frame_33_34_33 .frameC{ width:740px; float:right; padding-top:5px;}
#header .frame_33_34_33 .frameR{background:red; width:200px; float:right;}

#header .frame_33_34_33 .frameL .frameL{
	position:static;}
#header .frame_33_34_33 .frameL .partsTxt{
	width:500px;
	margin:0 0 0 auto;
	overflow:hidden;
	background:blue;}
#header .frame_33_34_33 ul{
	margin:0 0 0 auto;
	width:300px;
	display:inline;}
#header .frame_33_34_33 li{
	float:left;
	margin-right:3px;}
#header .frame_33_34_33 .infoMenu li{
	background:url(../data/icon_01.gif) no-repeat left center;}
#header .frame_33_34_33 li a{
	display:block;
	padding-left:17px;}

#header .frame_33_34_33 .fontSwitch{
	background:red;
	width:200px;}
#header .frame_33_34_33 .fontSwitch a{
	display:block;
	width:30px; height:21px;
	font-size:12px;
	text-indent:-9999px;}
#header .frame_33_34_33 .fontSwitch .list01{
	text-indent:-9999px;
	background:url(../data/fontsize.gif) no-repeat 15px 0;
	width:70px;}
#header .frame_33_34_33 .fontSwitch .list02{	background:url(../data/m_fontsize.jpg) no-repeat 0 -21px;}
#header .frame_33_34_33 .fontSwitch .list03{	background:url(../data/l_fontsize.jpg) no-repeat left top;}*/

/* -----------------------------------------------------------
	#side
----------------------------------------------------------- */
#side{
	position:relative;
	background:#fff;
	border:1px solid #ccc;
	padding-top:0;
	padding-bottom:15px;}
#pageIndex #side{
	background:none;
	border:none;
	padding:0;}
	
#side li.title{
	font-size:16px;
	margin:2px;
	color:#fff;
	line-height:23px;
	border-bottom:1px solid #ccc;
	font-weight:bold;}
#side li.title a,
#side li.title a:visited{
	display:block;
	width:216px;
	padding:3px 5px 0 5px ;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background:url(../data/side_title02.jpg) repeat-x right center #FBB673;}
#side li{
	background:url(../data/side_shop_icon.gif) no-repeat right center;
	margin:0 10px;}
#side li a{
	display:block;
	padding:3px;
	width:185px;
	text-decoration:none;}
#side li a:hover,
#side li a.selected{
	background:#E6EDF3;}

#pageIndex #side li{
	background:none;
	margin:0;}

#sidePrice{
	position:absolute;
	top:120px;}
#sidePrice .partsImg{
	margin-bottom:5px;}


/* -----------------------------------------------------------
	#gNavi
----------------------------------------------------------- */
#gNavi{
	width:100%;}
#gNavi li a{
	width:104px;height:38px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;}	
#gNavi .navi00 a{background:url(../data/navi.jpg) no-repeat 0 0;}
#gNavi .navi01 a{background:url(../data/navi.jpg) no-repeat -104px 0;}
#gNavi .navi02 a{background:url(../data/navi.jpg) no-repeat -208px 0;}
#gNavi .navi03 a{background:url(../data/navi.jpg) no-repeat -312px 0;}
#gNavi .navi04 a{background:url(../data/navi.jpg) no-repeat -416px 0;}
#gNavi .navi05 a{background:url(../data/navi.jpg) no-repeat -520px 0;}
#gNavi .navi06 a{background:url(../data/navi.jpg) no-repeat -624px 0;}
#gNavi .navi07 a{background:url(../data/navi.jpg) no-repeat -728px 0;}
#gNavi .navi08 a{background:url(../data/navi.jpg) no-repeat -832px 0; width:118px;}

#gNavi .navi00 a.selected,
#gNavi .navi00 a.selected:visited,
#gNavi .navi00 a:hover{background:url(../data/navi.jpg) no-repeat 0 -38px ;}
#gNavi .navi01 a.selected,
#gNavi .navi01 a.selected:visited,
#gNavi .navi01 a:hover{background:url(../data/navi.jpg) no-repeat -104px -38px ;}
#gNavi .navi02 a.selected,
#gNavi .navi02 a.selected:visited,
#gNavi .navi02 a:hover{background:url(../data/navi.jpg) no-repeat -208px -38px ;}
#gNavi .navi03 a.selected,
#gNavi .navi03 a.selected:visited,
#gNavi .navi03 a:hover{background:url(../data/navi.jpg) no-repeat -312px -38px ;}
#gNavi .navi04 a.selected,
#gNavi .navi04 a.selected:visited,
#gNavi .navi04 a:hover{background:url(../data/navi.jpg) no-repeat -416px -38px ;}
#gNavi .navi05 a.selected,
#gNavi .navi05 a.selected:visited,
#gNavi .navi05 a:hover{background:url(../data/navi.jpg) no-repeat -520px -38px ;}
#gNavi .navi06 a.selected,
#gNavi .navi06 a.selected:visited,
#gNavi .navi06 a:hover{background:url(../data/navi.jpg) no-repeat -624px -38px ;}
#gNavi .navi07 a.selected,
#gNavi .navi07 a.selected:visited,
#gNavi .navi07 a:hover{background:url(../data/navi.jpg) no-repeat -728px -38px ;}
#gNavi .navi08 a.selected,
#gNavi .navi08 a.selected:visited,
#gNavi .navi08 a:hover{background:url(../data/navi.jpg) no-repeat -832px -38px ;}


#gNavi .navi09,
#gNavi .navi010,
#gNavi .navi011,
#gNavi .navi012{
	display:none;}


/* -----------------------------------------------------------
	#subNavi
----------------------------------------------------------- */
#subNavi{
	width:100%;	}
#subNavi li{
	padding:3px;}
#subNavi li a{
	padding:3px;}
#subNavi li a.selected,
#subNavi li a.selected:visited,
#subNavi li a:hover{
	color:#fff;
	text-decoration:none;}


/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */

#footer {
	clear:both;
	background:url(../data/footer_bg.gif) repeat-x 300px;
	color:#666666;}

#footer #sitemapBtm{
	background:red;
	position:relative;
	top:-300px;}

#footer .typeNavi{
	padding-left:10px;
	width:800px;}
#footer .typeNavi li{
	padding-right:15px;
	font-size:14px;}
#footer .text01{
	font-size:12px;
	padding:20px 10px 0 10px;}
#footer .textArea{
	font-size:12px;
	padding-top:18px;}
#footer .text02{
	font-size:12px;
	width:530px;
	padding-left:10px;}
#footer address{
	font-size:12px;
	width:380px;
	float:right;
	text-align:right;
	font-size:10px;
	padding-right:10px;}
	


/*----------------------------------------------------
	#side
----------------------------------------------------*/
.sideBox{
	width:230px;
	margin:auto;}

#pageIndex .sideBox{
	overflow:hidden;
	clear:both;
	width:240px;
	float:right;}


.sideBox .more{
	border-top:1px solid #fff;
	text-align:right;
	padding:5px 10px 10px 10px;}
.sideBox .more a{
	padding:3px 0 3px 25px;
	background:url(../data/side_shop_icon.gif) no-repeat;}



.sideShop a:link{
	text-decoration:none;}
.sideBox .inner{
	margin:0px 0px 10px 0;}
.sideShop .inner{
	background:url(../data/side_shop_bg.gif) repeat-y;}

.sideShop .inner h2{
	height:26px;
	background:url(../data/side_shop_title.gif) no-repeat;
	text-indent:-9999px;}
.sideShop .shopList{
	background:url(../data/side_shop_bottom.gif) no-repeat left bottom;
	margin-top:5px;
	padding-bottom:10px;}
.sideShop .shopList li{
	width:202px;
	background:url(../data/side_shop_icon.gif) no-repeat right;
	padding-left:20px;}
.sideMenu li{
	height:49px;
	padding-bottom:4px;}

.sideOthers li{
	padding-bottom:4px;}

#pageIndex .sideYahoofc{
	width:230px;
	overflow:hidden;
	background:url(../data/side_yahoofc_bottom.gif) no-repeat left bottom #fff;
	padding-top:5px;
	font-size:12px;
	margin:15px auto 0 0;}
.sideYahoofc h2{
	background:url(../data/side_yahoofc_title.gif) no-repeat left top;
	text-indent:-9999px;
	margin:5px 0;}
.sideYahoofc .inputSearch{
	width:165px;}
.sideYahoofc .inner .checkArea{margin-top:3px;}
.sideYahoofc .inner .textArea{
	color:#666666;
	width:140px;
	padding:5px 0 5px 5px;}
.sideYahoofc .inner .inputCheck{ width:20px;}
.btnSearch{background:url(../data/side_others_btn.gif) no-repeat; width:42px;}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main{
	position:relative;}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

#main #pankuzu,
#main .pankuzu{
	position:absolute;
	top:-25px;
	margin:0;}
#all #main .pankuzu{
	margin:0;}

#layout .frameL{float:left;}
#layout .frameR{float:right;}
#layout .frameC{float:right;}

.frame_50_50{
	width:650px;
	margin:auto;
	margin-bottom:10px;}
.frame_50_50 .frameL,
.frame_50_50 .frameR{width:49%; overflow:hidden;}

.frame_50_50 .partsImg{
	margin:0;}

.frame_25_75 .frameL{width:25%;}
.frame_25_75 .frameR{width:74%;}

.frame_75_25 .frameL{width:74%;}
.frame_75_25 .frameR{width:25%;}

.frame_33_67 .frameL{width:33%;}
.frame_33_67 .frameR{width:66%;}

.frame_67_33 .frameL{width:33%;}
.frame_67_33 .frameR{width:66%;}

.frame_25_50_25 .frameL{width:74%;}
.frame_25_50_25 .frameC{width:66%;}
.frame_25_50_25 .frameL .frameL{width:33%;}
.frame_25_50_25 .frameR{width:25%;}

.frame_33_34_33 .frameL{width:66%;}
.frame_33_34_33 .frameC{width:49%;}
.frame_33_34_33 .frameL .frameL{width:49%;}
.frame_33_34_33 .frameR{width:33%;}

#main .frame_50_50 .partsTxt,
#main .frame_50_50 .partsImg,
#main .frame_50_50 .partsH2,
#main .frame_50_50 .partsH3,
#main .frame_50_50 .partsH4,
#main .frame_50_50 .partsH5,
#main .frame_50_50 .partsFlash,
#main .frame_25_75 .partsTxt,
#main .frame_25_75 .partsImg,
#main .frame_25_75 .partsH2,
#main .frame_25_75 .partsH3,
#main .frame_25_75 .partsH4,
#main .frame_25_75 .partsH5,
#main .frame_25_75 .partsFlash,
#main .frame_33_67 .partsTxt,
#main .frame_33_67 .partsImg,
#main .frame_33_67 .partsH2,
#main .frame_33_67 .partsH3,
#main .frame_33_67 .partsH4,
#main .frame_33_67 .partsH5,
#main .frame_33_67 .partsFlash,
#main .frame_67_33 .partsTxt,
#main .frame_67_33 .partsImg,
#main .frame_67_33 .partsH2,
#main .frame_67_33 .partsH3,
#main .frame_67_33 .partsH4,
#main .frame_67_33 .partsH5,
#main .frame_67_33 .partsFlash,
#main .frame_25_50_25 .partsTxt,
#main .frame_25_50_25 .partsImg,
#main .frame_25_50_25 .partsH2,
#main .frame_25_50_25 .partsH3,
#main .frame_25_50_25 .partsH4,
#main .frame_25_50_25 .partsH5,
#main .frame_25_50_25 .partsFlash,
#main .frame_33_34_33 .partsTxt,
#main .frame_33_34_33 .partsImg,
#main .frame_33_34_33 .partsH2,
#main .frame_33_34_33 .partsH3,
#main .frame_33_34_33 .partsH4,
#main .frame_33_34_33 .partsH5,
#main .frame_33_34_33 .partsFlash{
	margin:0 auto 15px auto;
	overflow:hidden;}

#layout .frame_50_50,
#layout .frame_25_75,
#layout .frame_75_25,
#layout .frame_33_67,
#layout .frame_67_33,
#layout .frame_25_50_25,
#layout .frame_33_34_33{
	width:630px;
	margin:0 auto 15px auto;}


#main p.article{
	margin:20px 0;}

p.pdf{
	margin-bottom:20px;}
p.pdf a{
	width:auto;
	padding:3px 0 3px 25px;
	background:url(../data/icon_pdf.gif) no-repeat;}
#areaAnalyst .pdf a{
	background:url(../data/icon_pdf02.gif) no-repeat 0 4px;}

#contents .pageTop {
	clear: both;
	text-align: right;}
#contents .pageTop a{
	background:url(../data/contents_icon.gif) no-repeat left center;
	padding:10px 0 10px 25px;}


.tableNormal,	
.partsTable table{
	width:630px;
	margin:10px auto 20px auto;}

.tableNormal th,
.partsTable th{
	border:1px solid #ccc;
	vertical-align:top;
	background:#efefef;
	border-bottom:1px solid #ddd;
	padding:8px 15px;
	width:100px;}
.tableNormal td.title,
.partsTable td.title{
	background:#FF6600;
	font-weight:bold;
	padding:3px 15px;
	font-size:14px;
	color:#fff;}
.tableNormal td,
.partsTable td{
	vertical-align:top;
	border:1px solid #ddd;
	padding:8px 15px;}

.partsTable td th,
.partsTable td td{
	padding:3px 5px;}
.cell01{}


.tableNormal th,
.partsTable .tableYoko th{
	text-align:center;
	width:auto;}
.trHoliday td{
	background:#FDE3EA;}


#layout .outline .parts{
	margin:10px;
	line-height:1.3;
	padding:5px;}
#layout .outline .parts{
	border:2px solid #FFCC00;
	background:#FFFFee;}


#main .partsTxt,
#main .partsImg,
#main .partsH2,
#main .partsH3,
#main .partsH4,
#main .partsH5,
#main .partsFlash{
	margin:0 25px 15px 25px;}

#layout .partsH1{
	font-size:18px;
	margin:0 0 15px 0;
	line-height:40px;
	padding-left:30px;}
#layout .partsH2{	
	background:url(../data/h2_02.gif) repeat-x;
	width:655px;
	line-height:31px;
	padding-left:10px;
	font-size:14px;
	margin:0 auto 15px auto;}
#layout .h2L{
	background:url(../data/h2_01.gif) no-repeat #E6EDF3;
	width:612px;	
	line-height:43px;
	padding-left:20px;
	font-size:16px;
	margin:0 auto 15px auto;}
#layout .partsH3{font-size:14px; background:url(../data/h3.gif) no-repeat left center; padding-left:10px;}
#layout .h3L{
	border-top:3px solid #F27F22;
	line-height:36px;
	font-size:14px;
	background:url(../data/h3.gif) no-repeat left center;
	padding-left:10px;}
#layout .partsH4{font-size:130%; border-bottom:2px solid #ccc;}
#layout .partsH5{font-size:130%; border-bottom:1px dotted #ccc;}


#main .pageVisual{
	width:665px;
	margin:-10px auto 20px auto ;
	padding:0;
	overflow:hidden;}

.area{
	width:645px;
	margin:0 auto 50px auto;
	overflow:hidden;}
/*#main .area .partsTxt,
#main .area .partsImg,
#main .area .partsH2,
#main .area .partsH3,
#main .area .partsH4,
#main .area .partsH5,
#main .area .partsFlash{
	margin:0 0 20px 0;}*/

#layout #main .floatImg{
	overflow:hidden;
	width:650px;
	margin:10px auto 20px auto;}
#main .floatImg .partsImg{
	width:auto;
	padding:0 5px;
	margin:0;
	float:left;}
#layout #main .floatImg img{
	border:1px solid #999;}

.typeNavi {
	width:100%;
	overflow:hidden;}
.typeNavi li{
	float:left;
	padding-top:2px;}
.typeNavi li a{
	display:block;}

.more{
	text-align:right;
	padding:2px 10px 5px 10px;}
.more a{
	padding:3px 0;
	background:url(../data/side_shop_icon.gif) left center no-repeat;
	padding-left:20px;}

.tab li{
	margin-right:8px;}

.wrap{
	width:100%;
	clear:both;
	overflow:hidden;}
.floatR{float:right;}
.floatL{float:left;}

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.paging{
	border-top:1px dotted #999;
	padding-top:5px;
	width:630px;
	margin:10px auto;
	text-align:center;}
.paging a{
	padding:0 5px;}
.paging a.selected{
	font-weight:bold;}


p.lead{
	padding:0 0 50px 0;}
p.jumpTop{
	width:100%;
	clear:both;
	margin:auto;
	text-align:right;
	padding:15px 0;}
.btn {text-align: center;}

button{
	background:none;
	border:none;
	width:auto;
	cursor:pointer;}


#layout {
	position:relative;}
.block{
	width:100%;
	overflow:hidden;
	clear:both;}


input.PW,
input.ID{ime-mode:disabled;}
input.freeSS{width:30px; ime-mode:active;padding:2px;}
input.freeS{width:120px; ime-mode:active;padding:2px;}
input.freeM{width:250px; ime-mode:active;padding:2px;}
input.freeL{width:450px; ime-mode:active;padding:2px;}
input.address{width:450px; ime-mode:active;padding:2px;}
input.zip,
input.tel{width:100px; ime-mode:disabled;padding:2px;}
input.mail{width:450px; ime-mode:disabled;padding:2px;}

textarea{width:450px;padding:2px; height:130px;}

.imgR {float: right;margin: 0 0 10px 10px;}
.imgL {float: left;margin: 0 10px 10px 0;}

.btn{text-align: center;}

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.fBold{font-weight:bold;}
.red{color:#FF0000;}
.gray{color:#999999;}

.imeON	{ime-mode:atcive;}
.imeOFF	{ime-mode:disabled;}

/*
	clearfix
*/
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}