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

body{
	color:#333;}

#all {
	width: 950px;
	margin: 0 auto;
	text-align: left;}
#main{
	width:758px;
	background:#F6F2EF;
	border:1px solid #ccc;
	position:relative;}
#side{width:160px;}
#pageHeader {
	width:100%;	height:50px;}
#contents {
	width:100%;	
	background:#fff;
	padding-bottom:30px;}
#area{
	width:100%;}
#layaout{
	width:100%;}

#pageFooter {
	width:100%;
	background:gray;}

/* -----------------------------------------------------------
	#pageHeader
----------------------------------------------------------- */

#pageHeader .typeNavi{
	width:270px;
	margin:0 0 0 auto;}
	
#header .typeNavi .list01 a{
	background:url(../data/btn-01.gif) no-repeat 0 0;}

#header .frameR .headerMenu{
	width:260px;}

#header{
	padding-bottom:20px;}
#header .frameL {
	padding-top:20px;}
#header .frameR ul {
	margin-top:30px;
	width:100%;
	overflow:hidden;}
#header .frameR li{
	float:left;
	margin-right:8px;}
#header .frameR li a,
#header .frameR li span{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;}
#header .frameR .faq a			{background:url(../data/btn-00.gif) no-repeat 0 0 ;width:120px;}	
#header .frameR .contact a		{background:url(../data/btn-02.gif) no-repeat 0 0 ;width:80px;}
#header .frameR .font span	{background:url(../data/btn-03.gif) no-repeat 0 0 ;width:95px;}
#header .frameR .font-M a		{background:url(../data/btn-fontsize_off.gif) no-repeat 0 0 ;width:27px;text-indent:0;font-size:14px;}
#header .frameR .font-L a		{background:url(../data/btn-fontsize_off.gif) no-repeat 0 0;width:27px;text-indent:0;font-size:18px;}

#header .frameR .font-M,
#header .frameR .font-L{
	margin-right:2px;}
#header .frameR .font-M a,
#header .frameR .font-L a{
	line-height:25px;
	color:#444;
	text-decoration:none;
	text-align:center;}
	

/* -----------------------------------------------------------
	#navi
----------------------------------------------------------- */
#navi{
	width:100%;
	border-bottom:5px solid #FF6600;
	margin-bottom:15px;}
#navi li a,
#navi li span{
	width:120px;height:30px;
	line-height:30px;
	text-align:center;
	background:#FFCC66;
	text-decoration:none;
	font-weight:bold;
	display:block;
	font-size:14px;
	color:#000;
    -webkit-border-top-left-radius: 3px;   
    -webkit-border-top-right-radius: 3px;   
    -moz-border-radius-topleft: 3px;   
    -moz-border-radius-topright: 3px;     }
#navi li a.selected,
#navi li a.selected:visited,
#navi li a:hover{
	background:#FF6600;
	color:#fff;}

#navi li span{
	color:#999;
	background:#efefef;
	border:none;}

/* -----------------------------------------------------------
	#side
----------------------------------------------------------- */
	#side .partsTxt{
		margin:0;}
	#side li{
		width:160px;
		height:40px;
		margin-bottom:5px;}
#side .list01{border-left:5px solid #DD3511;}
#side .list02{border-left:5px solid #EE3E17;}
#side .list03{border-left:5px solid #E2451A;}
#side .list04{border-left:5px solid #E95C26;}
#side .list05{border-left:5px solid #EB6B3A;}
#side .list06{border-left:5px solid #EC7B4F;}
#side .list07{border-left:5px solid #EB853B;}
#side .list08{border-left:5px solid #EE9A5A;}


	#side li a,
	#side li a:visited{
		letter-spacing:2px;
		padding-left:30px;
		text-decoration:none;
		color:#555;
		font-weight:bold;
		font-size:14px;
		display:block;
		line-height:40px;}
	#side li a.selected,
	#side li a.selected:visited,
	#side li a:hover{
		color:#fff;}
#side .list01 a.selected,#side .list01 a:hover{background:#DD3511;}
#side .list02 a.selected,#side .list02 a:hover{background:#EE3E17;}
#side .list03 a.selected,#side .list03 a:hover{background:#E2451A;}
#side .list04 a.selected,#side .list04 a:hover{background:#E95C26;}
#side .list05 a.selected,#side .list05 a:hover{background:#EB6B3A;}
#side .list06 a.selected,#side .list06 a:hover{background:#EC7B4F;}
#side .list07 a.selected,#side .list07 a:hover{background:#EB853B;}
#side .list08 a.selected,#side .list08 a:hover{background:#EE9A5A;}


/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#layout #footer{
	margin-top:50px;
	border-top:1px dotted #F88512;
	border-bottom:1px dotted #F88512;
	padding:20px;}
#footer .partsTxt,
#footer .partsImg{
	margin:0 0 20px 0;}
#footer .frame_100 ul{
	width:100%;
	overflow:hidden;
	margin:0;}
#footer .frame_100 li{
	float:left;
	margin-right:20px;}
#footer .frame_100 li a{
	display:block;
	padding-left:15px;
	background:url(../data/icon-01.gif) no-repeat left center;}
#layout #footer .frameR{
	float:left;}
#layout #footer .partsImg{
	margin:0 020px 0 0;}
/* -----------------------------------------------------------
	#pageFooter
----------------------------------------------------------- */
#pageFooter {
	clear:both;}




/*----------------------------------------------------
	#layout
----------------------------------------------------*/
#layout{
	width:100%;
	overflow:hidden;
	clear:both;}

#layout .inner{
	overflow:hidden;
	clear:both;}

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


#layout .frameL{float:left;}
#layout .frameR{float:right;}
#layout .frameC{float:right;}
	
#layout .frame50-50 .frameL,
#layout .frame50-50 .frameR{width:49%;}

#layout .frame25-75 .frameL{width:25%;}
#layout .frame25-75 .frameR{width:74%;}

#layout .frame75-25 .frameL{width:74%;}
#layout .frame75-25 .frameR{width:25%;}

#layout .frame33-67 .frameL{width:33%;}
#layout .frame33-67 .frameR{width:66%;}

#layout .frame67-33 .frameL{width:33%;}
#layout .frame67-33 .frameR{width:66%;}

#layout .frame25-50-25 .frameL{width:74%;}
#layout .frame25-50-25 .frameC{width:66%;}
#layout .frame25-50-25 .frameL .frameL{width:33%;}
#layout .frame25-50-25 .frameR{width:25%;}

#layout .frame33-34-33 .frameL{width:66%;}
#layout .frame33-34-33 .frameC{width:49%;}
#layout .frame33-34-33 .frameL .frameL{width:49%;}
#layout .frame33-34-33 .frameR{width:33%;}


#layout #header .inner{width:950px;}


#layout .parts{
	 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;  
	margin:5px 0;
	line-height:1.3;}
#layout .outline .parts{
	margin:10px;
	line-height:1.3;
	padding:5px;}
#layout .outline .parts{
	border:2px solid #FFCC00;
	background:#FFFFee;}
#layout .partsH1{
	font-size:18px;
	background:url(../data/h1.gif);
	margin:0 0 30px 0;
	line-height:40px;
	border-bottom:1px solid #ccc;
	padding-left:16px;}
#layout .partsH2{
	background:url(../data/h2.gif);
	width:690px;
	line-height:30px;
	padding-left:30px;
	font-size:16px;
	margin:0 auto 30px auto;}
#layout .partsH3{
	background:url(../data/h3.gif);
	font-size:16px;
	line-height:23px;
	height:27px;
	padding-left:25px;
	margin-top:10px;
	margin-bottom:20px;
	margin:0 25px 20px 25px;}
#layout .partsH4{
	background:url(../data/h4.gif);
	font-size:15px;
	line-height:28px;
	height:28px;
	padding-left:25px;
	margin:10px 35px 20px 35px;}
#layout .partsH5{
	background:url(../data/icon-01.gif) no-repeat left center;
	border-bottom:1px dotted #F5A754;
	font-size:15px;
	line-height:28px;
	height:28px;
	padding-left:25px;
	margin:10px 35px 20px 35px;}

#main .partsImg,
#main .partsTable,
#main .partsFlash{
	margin:0 20px 20px 20px;}
#main .partsTxt,
#main .partsH5{
	margin:0 30px 20px 30px;}



#layout .partsTable{
	width:700px;
	margin:0 auto 30px auto;}
#layout .partsTable th,
#layout .partsTable td{
	padding:5px;
	border:1px solid #ccc;}
#layout .partsTable th{
	width:180px;
	text-align:center;
	font-weight:normal;
	background:#F7FDF9;}
#layout .partsTable td{
	background:#fff;}



#layout #gNavi{
	clear:both;
	width:100%;
	overflow:hidden;
	margin-bottom:30px;}
#layout #gNavi .inner{
	padding:0;}
#layout #gNavi li{
	margin:0 10px 0 0;
	width:180px;}
#layout #gNavi li a{
	display:block;
	text-align:center;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;}

#layout #gNavi li.navi00 a{	background:#fff url(../data/gnavi02.gif) no-repeat 0 0;}
#layout #gNavi li.navi01 a{	background:#fff url(../data/gnavi02.gif) no-repeat -190px 0;}
#layout #gNavi li.navi02 a{	background:#fff url(../data/gnavi02.gif) no-repeat -380px 0;}
#layout #gNavi li.navi03 a{	background:#fff url(../data/gnavi02.gif) no-repeat -570px 0;}
#layout #gNavi li.navi04 a{	background:#fff url(../data/gnavi02.gif) no-repeat -760px 0;}
#layout #gNavi li.navi00 a:hover,
#layout #gNavi li.navi00 a.selected{background:#fff url(../data/gnavi02.gif) no-repeat 0 -34px;}
#layout #gNavi li.navi01 a:hover,
#layout #gNavi li.navi01 a.selected{background:#fff url(../data/gnavi02.gif) no-repeat -190px -34px;}
#layout #gNavi li.navi02 a:hover,
#layout #gNavi li.navi02 a.selected{background:#fff url(../data/gnavi02.gif) no-repeat -380px -34px;}
#layout #gNavi li.navi03 a:hover,
#layout #gNavi li.navi03 a.selected{background:#fff url(../data/gnavi02.gif) no-repeat -570px -34px;}
#layout #gNavi li.navi04 a:hover,
#layout #gNavi li.navi04 a.selected{background:#fff url(../data/gnavi02.gif) no-repeat -760px -34px;}

#layout #gNavi li.navi05,
#layout #gNavi li.navi06{display:none;}


#layout #main {
	margin:0 auto 50px auto;}
#layout #side {}

#layout #footer {
	clear:both;}
	
#layout #footer .typeNavi .list01,
#layout #footer .typeNavi .list02,
#layout #footer .typeNavi .list03{
	background:#fff url(../data/icon_01.gif) no-repeat 0 6px;
	margin-left:8px;
	padding-left:17px;}

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

#contents .pageTop {
	clear: both;
	text-align: right;}
#contents .pageTop a{
	padding-left:25px;
	background:url(../data/icon_pagetop.gif) no-repeat;}
	
.partsTable{
	width:100%;}
.partsTable th{
	border:1px solid #ccc;
	vertical-align:top;
	background:#F7FDF9;
	border-bottom:1px solid #ddd;
	padding:8px 15px;}
.partsTable td.title{
	background:#FF6600;
	font-weight:bold;
	padding:3px 15px;
	font-size:14px;
	color:#fff;}
.partsTable th.check{
	background:url(file:///C|/Users/komiyama/img/icon_check.gif) no-repeat 3px center #efefef;}
.partsTable td{
	vertical-align:top;
	border:1px solid #ddd;
	padding:8px 15px;}

.partsTable td th{
	width:auto;}
.partsTable td th,
.partsTable td td{
	padding:3px 5px;}
	
.tableTate th{
	width:170px;
	vertical-align:middle;}
.tableYoko th{
	line-height:1.2;
	border-bottom:1px solid #ccc;
	padding:3px 0;
	vertical-align:middle;
	text-align:center;}
.tableNormal .cellBtn{
	border:none;
	background:none;}
.tableNormal th a.up{
	background:url(file:///C|/Users/komiyama/img/icon_up.gif) no-repeat right top;
	padding-right:17px;}
.tableNormal th a.down{
	background:url(file:///C|/Users/komiyama/img/icon_down.gif) no-repeat right top;
	padding-right:17px;}

.pankuzu{
	position:absolute;
	top:-30px;left:-30px;}
.typeNavi {
	width:100%;
	overflow:hidden;}
.typeNavi li{
	float:left;
	margin-right:10px;}

.typeNavi li a.selected,
.typeNavi li a.selected:visited,
.typeNavi li a:hover{}


.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{
	width:100%;
	margin:10px auto;
	text-align:center;}
.paging table{
	margin:0 auto;}
.paging td{
	padding:0 10px;}
.paging .cellCenter a{
	padding:5px;}
.paging .cellCenter a.selected{
	color:#000;
	font-weight:bold;
	text-decoration:none;}


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


label{
	padding:0 8px 0 5px;}
input,select{
	vertical-align:middle;}
.PW,
.ID{ime-mode:disabled;}
.freeSS{width:30px; ime-mode:active;padding:2px;}
.freeS{width:120px; ime-mode:active;padding:2px;}
.freeM{width:300px; ime-mode:active;padding:2px;}
.freeL{width:600px; ime-mode:active;padding:2px;}
.address{width:600px; ime-mode:active;padding:2px;}
.zip,
.tel{width:200px; ime-mode:disabled;padding:2px;}
.mail{width:300px; ime-mode:disabled;padding:2px;}
.URL{width:600px; ime-mode:disabled;padding:2px;}
.file{padding:2px;}

textarea{width:98%;padding:2px; height:150px; font-size:12px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

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

.right{text-align:right;}		/*右寄せ*/
.left{text-align:left;}			/*左寄せ*/
.center{text-align:center;}		/*中央寄せ*/

.f10{font-size:10px;}			/*フォントサイズ　10px*/
.f12{font-size:12px;}			/*フォントサイズ　12px*/
.f14{font-size:14px;}			/*フォントサイズ　14px*/
.f16{font-size:16px;}			/*フォントサイズ　16px*/
.f18{font-size:18px;}			/*フォントサイズ　18px*/
.fBold{font-weight:bold;}		/*フォントを太字にする*/
.fNormal{font-weight:normal}	/*フォントを細字に戻す*/
.red{color:#FF0000;}			/*フォント色　赤*/
.gray{color:#999999;}			/*フォント色　薄いグレー*/

.imeON	{ime-mode:atcive;} 		/*入力域で、日本語入力をデフォルトでONにする。（IEのみ）*/
.imeOFF	{ime-mode:disabled;}	/*入力域で、日本語入力をデフォルトでOFFにする。（IEのみ）*/

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