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

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

#all {
	text-align:left;
	width:100%;
	background:url(../data/bg_bottom.gif) repeat-x bottom;}
#contents {
	width:950px;
	margin:0 auto;
	background:url(../data/bg_header.gif) #fff repeat-x top;}
#main {
	margin:20px 0 15px 0;
	float:left;
	width:695px;}
#side {
	margin:20px 0 15px auto;
	float:right;
	width:230px;}

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

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
	width:100%;	height:120px;
	position:relative;
	background:url(../data/bg_navi.gif) no-repeat center top;}
#header .typeNavi{
	margin:0 0 0 auto;}
	
#header .option{
	width:380px;
	font-size:12px;}
#header .option a,
#header .option a:visited{
	color:#333;
	text-decoration:none;}
#header .option a:hover{
	color:#e72617;}
#header .siteNavi{
	width:200px;
	margin-top:8px;}

#header .siteFont{
	padding-left:90px;
	margin-top:8px;
	background:url(../data/text-fontsize.gif) no-repeat left center;}
#header .typeNavi .switch{}
#header .typeNavi .switch a{
	width:30px; height:21px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;}
#header .typeNavi .fontM a			{background:url(../data/m_fontsize.jpg) no-repeat left center;}
#header .typeNavi .fontM a:hover,
#header .typeNavi .fontM a.selected	{background:url(../data/m_fontsize.jpg) no-repeat left center;}
#header .typeNavi .fontL a			{background:url(../data/l_fontsize.jpg) no-repeat left center;}
#header .typeNavi .fontL a:hover,
#header .typeNavi .fontL a.selected	{background:url(../data/l_fontsize.jpg) no-repeat left center;}


#header .typeNavi .list01,
#header .typeNavi .list02,
#header .typeNavi .list03{
	background:url(../data/icon_blue.gif) no-repeat 0 6px #fff ;
	margin-left:8px;
	padding-left:17px;}
#header .typeNavi .list03{
	margin-right:10px;}

#header .siteSearch{
	width:290px;
	height:36px;
	line-height:36px;
	margin-left:5px;
	position:absolute;
	left:180px;
	top:0;}
#header input.inputSearch{
	margin:2px 5px 0;
	width:150px;}	
#header .typeNavi .list04{
	background:url(../data/fontsize.gif) no-repeat;}

#header input.btnSearch{
	background:url(../data/btn_search.gif) no-repeat;
	border:none;}

/* -----------------------------------------------------------
	#gNavi
----------------------------------------------------------- */
#gNavi{
	width:100%;
	position:relative;}
#gNavi ul{
	position:absolute;
	top:-70px;
	right:20px;
	width:545px;}
#gNavi li a{
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;}	
#gNavi .navi00 a{background:url(../data/navi.jpg) no-repeat 0 0; width:78px;}
#gNavi .navi01 a{background:url(../data/navi.jpg) no-repeat -79px 0; width:130px;}
#gNavi .navi02 a{background:url(../data/navi.jpg) no-repeat -213px 0; width:96px;}
#gNavi .navi03 a{background:url(../data/navi.jpg) no-repeat -307px 0; width:155px;}
#gNavi .navi04 a{background:url(../data/navi.jpg) no-repeat -460px 0; width:84px;}

#gNavi .navi00 a.selected,
#gNavi .navi00 a.selected:visited,
#gNavi .navi00 a:hover{background:url(../data/navi.jpg) no-repeat 0 -36px ;}
#gNavi .navi01 a.selected,
#gNavi .navi01 a.selected:visited,
#gNavi .navi01 a:hover{background:url(../data/navi.jpg) no-repeat -79px -36px ;}
#gNavi .navi02 a.selected,
#gNavi .navi02 a.selected:visited,
#gNavi .navi02 a:hover{background:url(../data/navi.jpg) no-repeat -213px -36px ;}
#gNavi .navi03 a.selected,
#gNavi .navi03 a.selected:visited,
#gNavi .navi03 a:hover{background:url(../data/navi.jpg) no-repeat -307px -36px ;}
#gNavi .navi04 a.selected,
#gNavi .navi04 a.selected:visited,
#gNavi .navi04 a:hover{background:url(../data/navi.jpg) no-repeat -460px -36px ;}

#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 {
	width:100%;
	height:90px;
	clear:both;
	background:url(../data/bg_bottom.gif) repeat-x bottom;
	color:#666;}

#footer .naviCom{
	position:absolute;
	height:35px;
	overflow:hidden;
	top:52px; right:22px;}
#footer .naviCom a,
#footer .naviCom a:visited{
	display:block;
	top:52px; right:22px;
	text-indent:-9999px;
	background:url(../data/navi.jpg) no-repeat -460px 0;
	width:84px;height:35px;}
#footer .naviCom a:hover{background:url(../data/navi.jpg) no-repeat -460px -36px ;}

#footer #footerMenu{
	width:850px;
	padding:10px 0 0 20px;
	width:auto;}
#footer #footerMenu li{
	display:inline;
	padding:0 5px;}
#footer #footerMenu li a,
#footer #footerMenu li a:visited{
	color:#333;
	text-decoration:none;
	line-height:27px;}
#footer #copyright{
	padding-top:10px;
	text-align:right;}
#footer address{
	width:380px;
	float:right;
	text-align:right;
	font-size:10px;
	padding-right:10px;}
	

/* -----------------------------------------------------------
	#side
----------------------------------------------------------- */
#side{
	position:relative;
	left:-15px;
	padding-top:0;
	padding-bottom:15px;}
#pageIndex #side{
	background:none;
	border:none;
	padding:0;}

.sideBox{
	width:230px;
	margin:auto;}

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

#side ul{
	width:230px;
	margin-right:10px;
	border-left:1px solid #eee;}
	
	
#side li{
	margin:0;
	border-bottom:1px dotted #ccc;}
#side li a,
#side li a:visited{
	color:#333;
	font-weight:bold;
	display:block;
	padding:0 3px 0px 30px;
	background:url(../data/icon_side.gif) no-repeat;
 	height:42px;
	line-height:42px;
	text-decoration:none;}
#side li a:hover,
#side li a.selected,
#side li a.selected:visited{
	color:#fd7c20;
	background:url(../data/icon_side.gif) no-repeat 0 -43px ;}


#side li.title{
	font-size:16px;
	height:40px;
	margin:2px;
	border-bottom:none;
	color:#fff;
	line-height:23px;
	background:url(../data/side_title.gif) no-repeat;
	font-weight:bold;}
#side li.title a,
#side li.title a:visited{
	background:none;	
	display:block;
	width:160px;
	height:40px;
	line-height:40px;
	padding:0 0 0 50px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;}


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


.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;
	background:url(../data/main_bg.gif) no-repeat top right;}
#main .inner{
	padding:0 10px;
	background:url(../data/main_bg_bottom.gif) no-repeat right bottom;
	padding-bottom:14px;}
#main .outline{
	padding:0 0 0 25px;;}

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

#main #pankuzu{
	position:absolute;
	top:-25px;
	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 20px 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 20px 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;}

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


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

.tableNormal th,
.partsTable th{
	border:1px solid #ccc;
	vertical-align:top;
	color:#fff;
	padding:8px 5px;
	background:url(../data/bg_th.gif) repeat-x top #fe7c24;
	border-bottom:1px solid #eee;}
.tableNormal td.title,
.partsTable td.title{
	background:#FF6600;
	font-weight:bold;5
	font-size:14px;
	color:#fff;}
.tableNormal td,
.partsTable td{
	vertical-align:top;
	border:1px solid #ddd;
	padding:8px 5px;}



.tableNormal th,
.partsTable .tableYoko th{
	text-align:center;
	width:auto;}

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

#main .partsImg,
#main .partsFlash{
	margin:0 0px 20px 0px;}

#main .partsTxt,
#main .partsH2,
#main .partsH3,
#main .partsH4,
#main .partsH5{
	margin:0 20px 20px 20px;}

#layout .partsH1{
	text-align:center;
	margin:20px 0 10px 0;}
#layout .partsH2{	
	background:url(../data/h2.gif) repeat-x;
	border-left:5px solid #fe7b23;
	border-bottom:1px solid #fe7b23;
	line-height:25px;
	padding-left:10px;
	font-size:16px;
	margin:0 10px 30px 10px;}
#layout .partsH3{
	font-size:16px;
	background:url(../data/h3.gif) no-repeat 0 5px;
	padding-left:18px;}
#layout .partsH4{
	font-size:14px;
	background:url(../data/h4.gif) no-repeat 0 5px;
	padding-left:18px;}
#layout .partsH5{
	font-size:14px;
	padding-left:18px;
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;}


#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:100%;
	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;
}