@charset "utf-8";
/* CSS Document */

/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */

/* WinIE6用 以下の記述でIE6専用になる	*/
/* * html xxxxx {......}  */

/* WinIE7用 以下の記述でIE7専用になる	*/
/* *:first-child+html xxxxx {......}  */

/* 各タグの初期リセット ------------------------------------------------------------------------ */

* {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 0;
/* text-align: left;  */
}*/

div,span,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,ol,table,th,tr,td,address,label,object,embed{
border:0;
border-spacing:0px;
border-collapse:collapse;
font-weight:normal;
text-decoration:none;
line-height:100%;
list-style-type:none;
text-indent:0px;
}

/* COMMON------------------------------------------------------------------------ */
body {
	margin: 0px 0px 10px 0px;	/* 外側余白 */
	padding: 0;	/* 内側余白 */
	background: #FFFFFF center top;
	text-align: center;
	color:#363636;
	font-size:75%;
	line-height: 1.8em;
/*	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
  font-family: "trebuchet ms", arial, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;   
}

/* 上部エリア------------------------------------------------------------------------ */
h1{
	margin: 0px auto 0px auto; /* 外側余白 左右のマージンにautoが重要！*/	
	padding: 5px 0px 0px 0px;		/* 内側余白 */
	width:	940px;
	height: 1em;
	text-align:right;
	color:#506801;
  font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;  
}


#pagetop {
	margin: -20px auto 0px auto; /* 外側余白 左右のマージンにautoが重要！*/	
	padding: 0px 0px 0px 0px;		/* 内側余白 */
	width:	940px;
	height: 175px;
	background-image:url(../img/common/bg_pagetop.jpg);
	background-repeat:no-repeat;
}



/* 本体エリア------------------------------------------------------------------------ */

#pagebody {
	margin: 0px auto 0px auto; /* 外側余白 左右のマージンにautoが重要！*/	
	padding: 0px 0px 0px 0px;		/* 内側余白 */
	width:	940px;
	height: 100%;	
	background-image:url(../img/common/bg_pagebody.gif);
	background-repeat:repeat-y;
	text-align: left;
}

/* menu------------------------------------------------------------------------ */
#menu {
	margin: 0px 0px 0px 0px; /* 外側余白 左右のマージンにautoが重要！*/	
	padding: 0px 0px 0px 0px;		/* 内側余白 */
	height: auto;
	width:	940px;
	clear:both;
}
				
		#menu li{
			margin: 0px 8px 0px 0px; /* 外側余白 左右のマージンにautoが重要！*/	
			padding: 10px 0px 0px 10px;		/* 内側余白 */
			display:block;
			list-style:none;
			float:left;
			height:30px;
			width:160px;
			text-align:left;
		}
		
		#menu a:link , #menu a:visited {
			color:#999999;
			text-decoration:none;
			font-weight:bold;
		}

		#menu a:hover, #menu a:active {
			color:#999999;
			text-decoration:underline;
			font-weight:bold;
		}
				
/* HEADER------------------------------------------------------------------------ */
#header_tilte {
	margin: 0px 0px 0px 0px;	/* 外側余白 */
	padding: 0px 0px 0px 0px;	/* 内側余白 */
	height: auto;
	width: 335px;
	float:left;
	text-align:left;
}

#header_menu1{
	margin: 0px 0px 0px 0px;	/* 外側余白 */
	padding: 36px 0px 0px 449px;	/* 内側余白 */
	height: 79px;
	width: 156px;
	float:right;
	text-align:left;
}

		#menu1_1, #menu1_2{
			margin: 0px 0px 0px 0px;	/* 外側余白 */
			padding: 0px 0px 0px 0px;	/* 内側余白 */
			height: 20px;
			width: auto;
			float:left;
			text-align:left;
		}
		
		
		
#header_menu2{
	margin: 0px 0px 0px 0px;	/* 外側余白 */
	padding: 15px 0px 0px 0px;	/* 内側余白 */
	height: 45px;
	width: 605px;
	float:right;
	text-align:left;
}

		#menu2_1, #menu2_2, #menu2_3, #menu2_4, #menu2_5{
			margin: 0px 0px 0px 0px;	/* 外側余白 */
			padding: 0px 0px 0px 0px;	/* 内側余白 */
			height: 24px;
			width: auto;
			float:left;
			text-align:left;
		}


/* CONTENTS --------------------------------------------------------------------- */
#contents {
	margin:	10px 0px 10px 0px; /* 外側余白 */
	padding: 0;	/* 内側余白 */
	height: 100%;
	width: auto;
	background-image:url(../img/common/bg_pagebody.gif);
	background-repeat:repeat-y;
	text-align: left;
	clear:both;
}

		
#contentsLeft {
	margin:  0px 0px 0px 0px; /* 外側余白 */	
	padding: 0px 0px 0px 0px;	/* 内側余白 */
	height: auto;
	width: 240px;
	background-image:url(../img/common/bg_contents_left.jpg);
	float:left;
}

	#contentsLeft .info{
		margin:  0px 10px 10px 10px; /* 外側余白 */	
		padding: 0px 0px 0px 0px;	/* 内側余白 */
		line-height:1.5em;
	}

	.whatnew{
		margin:  -8px 10px 10px 10px; /* 外側余白 */	
		padding: 0px 0px 0px 0px;	/* 内側余白 */
		line-height:1.5em;
	}

#contentsRight {
	margin:  0px 0px 0px 10px; /* 外側余白 */	
	padding: 0px 0px 0px 0px;	/* 内側余白 */
	height: auto;
	width: 690px;
	float:right;
}

	#contentsRight .info{
		margin:  0px 10px 10px 10px; /* 外側余白 */	
		padding: 0px 0px 0px 0px;	/* 内側余白 */
		line-height:1.5em;
	}

/* topflash ----------------------------------------------------------------------- */

#topfla{
	margin:  0px 0px 0px 0px; /* 外側余白 */	
	padding: 15px 25px 15px 25px;	/* 内側余白 */
	height: 190px;
	width: 640px;
	background-image:url(../img/flash/bg_flash.jpg);
	background-repeat:no-repeat;
	}


/* FOOTER ----------------------------------------------------------------------- */

#pageend {
	margin: 0px auto 0px auto; /* 外側余白 左右のマージンにautoが重要！*/	
	padding: 20px 0px 10px 0px;		/* 内側余白 */
	width:	940px;
	height: auto;
	background-image:url(../img/common/bg_pageend.gif);
	background-repeat:no-repeat;
	clear:both;
}


#footer {
	margin: 0px 20px 0px 0px; /* 外側余白 */	
	padding: 0px 0px 0px 0px;	/* 内側余白 */
	height: auto;
	width: auto;
	text-align:right;
	background-color:#bbbbbb;
}

#footer a{
	color:#FFFFFF;
	text-decoration:underline;

}

/* common ----------------------------------------------------------------------- */
.allClear {
	clear: both;
}

hr{
	margin: 5px 0px 5px 0px;
}

img {
	padding: 0px;	/* 内側余白 */
	margin: 0px;	/* 外側余白 */
	border-style: none;
}

img .photoflame200{
	margin:0 0 0 0;
	padding:5px 5px 5px 5px;
	background-image:url(../img/common/bg_photo200-150.gif);
	background-repeat:no-repeat;
	width:160;
	height:220;
	}
	
img .photoflame150{
	margin:0 0 0 0;
	padding:5px 5px 5px 5px;
	background-image:url(../img/common/bg_photo150-110.gif);
	background-repeat:no-repeat;
	width:120;
	height:160;
	}
	
.lh_10{ line-height:1.0em}
.lh_15{ line-height:1.5em}
.lh_20{ line-height:2.0em}
.lh_25{ line-height:2.5em}
.lh_30{ line-height:3.0em}

	
.al_left{	text-align:left	}	
.al_right{	text-align:right	}	
.al_center{	text-align:center	}	
	
	
.floatleft { float:left	}
.floatright { float:right	}


a:link {
	color:#0066FF;
	text-decoration: none;
}

a:visited {
	color:#0099FF;
	text-decoration: none;
}

a:hover, a:active {
	color:#FF6600;
	text-decoration: underline;
}

.caution_d{
	margin: 10px 0 10px 0;
	padding: 0.5em 0 0.5em 0 ;
	background-color:#fad3d4;
	font-size:120%;
}

.caution_m{
	margin: 10px 0 10px 0;
	padding: 0.5em 0 0.5em 0 ;
	background-color:#fad3d4;
	font-size:120%;
}

.inputadvice{
	background-color:#fad3d4;
	font-size:85%;
}


.group{
	margin:0px 0px 0.5em 0px;
	padding: 0px 0px 0px 0px;
	border-color:#E7E7E7;
	border-style:dotted;
	border-width:2px;
}

/* 画像、表等の余白設定 */
.mg_r05 { margin-right: 5px }
.mg_r10 { margin-right: 10px }
.mg_r20 { margin-right: 20px }
.mg_l05{ margin-left: 5px }
.mg_l10{ margin-left: 10px }
.mg_l20{ margin-left: 20px }
.mg_t05{ margin-top: 5px }
.mg_t10{ margin-top: 10px }
.mg_t20{ margin-top: 20px }
.mg_b05{ margin-bottom: 5px }
.mg_b10{ margin-bottom: 10px }
.mg_b20{ margin-bottom: 20px }

.lh10 {	line-height:1.0em }
.lh12 {	line-height:1.2em }
.lh14 {	line-height:1.4em }
.lh16 {	line-height:1.6em }
.lh18 {	line-height:1.8em }




.letterstyle_topnews{
	padding: 20px 30px 20px 30px;	/* 内側余白 */
	margin: 0px 0px 0px 0px;	/* 外側余白 */
	border-style:solid;
	border-color:#E7E7E7;
	border-width:medium;
	line-height:2em;
}

.letterstyle_cs, .letterstyle_blog{
	padding: 40px 40px 40px 40px;	/* 内側余白 */
	margin: 0px 0px 0px 0px;	/* 外側余白 */
	border-style:solid;
	border-color:#E7E7E7;
	border-width:medium;
	line-height:2.2em;
}

.letterstyle{
	padding: 0px 10px 0px 10px;	/* 内側余白 */
	margin: 0px 0px 0px 0px;	/* 外側余白 */
	border-style: none;
	line-height:2em;
}


.letter{
	border-bottom:1px dotted #CCCCCC;
}



/* Table ----------------------------------------------------------------------- */

table {
	margin:0px 0px 5px 0px;
	border-color:#d6d4c8;	/*  */
	border-style: solid;	/* solid */
	border-width: 2px;	/* 1px */
	empty-cells:show;   /* show */
	border-collapse:collapse;/* borderを１本で表示 */
	line-height:1.2em;
	}

		table caption{
					text-align:left;
		}
		tr{
			text-align:left;
		}
		
		th{
			padding: 4px 8px 4px 5px;	/* 内側余白 */
			background-color:#f7f4ed; /*  f4f2e8;	*/	
			border-color:#d6d4c8;	/*  */
			border-style: solid;	/* solid */
			border-width: 1px;	/* 1px */
			vertical-align:top;
			text-align:left;
			color:#666666;
		}
		
		.subth th {
			padding: 4px 8px 4px 5px;	/* 内側余白 */
			background-color:#f7f4ed; /*  f4f2e8;	*/	
			border-color:#d6d4c8;	/*  */
			border-style: solid;	/* solid */
			border-width: 1px;	/* 1px */
			vertical-align:top;
			text-align:left;
			color:#666666;
			font-size:90%;
		}
		
		
		td{
			padding: 4px 8px 4px 5px;	/* 内側余白 */
			border-color:#d6d4c8;	/*  */
			border-style: solid;	/* solid */
			border-width: 1px;	/* 1px */
			vertical-align:top;
			color:#666666;
			line-height:1.5em;
		}
		
		.subtd td{
			padding: 4px 8px 4px 5px;	/* 内側余白 */
			background-color:#f7f4ed;
			border-color:#d6d4c8;	/*  */
			border-style: solid;	/* solid */
			border-width: 1px;	/* 1px */
			vertical-align:top;
			color:#666666;
			line-height:1.5em;
		}


.skeleton table {
	margin:0px 0px 0px 0px;
	background-color:#FFFFFF;/* 表の内側の線はこの色が出る */
	border-color:#FFFFFF;	/*  */
	border-style: solid;	/* solid */
	border-width: 0px;	/* 1px */
	empty-cells:show;   /* show */
	border-collapse:collapse;/* borderを１本で表示 */
	}

		.skeleton tr{
			text-align:left;
		}
		
		.skeleton th {
			background-color:#FFFFFF;
			border-width:0px;
		}
		
		.skeleton td {
			background-color:#FFFFFF;
			border-width:0px;
		}



p {
	margin: 0px 0px 8px 0px;	/* 外側余白 */
	padding: 0px 0px 0px 0px;	/* 内側余白 */
	}
	
	

h2{
		margin: 0px 0px 1em 0px;	/* 外側余白 */
		padding: 0.3em 0 0 1.2em;	/* 内側余白  */
		width:auto;
		height: 30px;
		background-image:url(../img/common/bg_h2.gif);
		background-repeat:no-repeat;
		font-size:120%;
		color:#FFFFFF;
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;  
	}	
				
h3,h4,h5,h6{
					margin: 0px 0px 0.5em 0px;	/* 外側余白 */
					padding: 0 0 0 1.2em;	/* 内側余白 */
					width:auto;
					height: 25px;
					font-size:120%;
					color:#FFFFFF;
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;  
				}	

		.h_gray{
				background-image:url(../img/common/bg_hx_gray.gif);
				background-repeat:no-repeat;
		}
		.h_blue{
				background-image:url(../img/common/bg_hx_blue.gif);
				background-repeat:no-repeat;
		}
		.h_green{
				background-image:url(../img/common/bg_hx_green.gif);
				background-repeat:no-repeat;
		}
		.h_orenge{
				background-image:url(../img/common/bg_hx_orenge.gif);
				background-repeat:no-repeat;
		}
		.h_lightblue{
				background-image:url(../img/common/bg_hx_lightblue.gif);
				background-repeat:no-repeat;
		}

ul{
	margin: 0px 0px 0px 1em; /* 外側余白 左右のマージンにautoが重要！*/	
	padding: 0;		/* 内側余白 */
	list-style-type:disc;
	list-style-position:outside;
}


.marker_pink{background-color:#fad3d4}
.marker_yellow{background-color:#fdf9d0}
.marker_green{background-color:#f0ffc9}
.marker_blue{background-color:#c2e0fd}
.marker_orenge{background-color:#fbd8be}

.fontcolor_orenge{color:#FF6600}
.fontcolor_blue{color:#0066FF}
.fontcolor_green{color:#009900}
.fontcolor_pink{color:#FF6699}
.fontcolor_red{color:#FF0000}

.fontsize110{font-size:110%}
.fontsize120{font-size:120%}
.fontsize130{font-size:130%}
.fontsize140{font-size:140%}
.fontsize150{font-size:150%}

.fontbold{font-weight:bold}

		.qa{
			margin:0px 0px 1em 0px;
			padding: 5px 5px 5px 5px;
			border-style:dotted;
			border-color:#CCCCCC;
		
		}
		
		.qa ul{
			margin:0px 0px 0px 100px;
		
		}
		
		.qestion li {
			margin:0.5em 0px 0.5em 15px;
			padding: 0px 0px 0px 5px;
			line-height:1.3em;
			list-style-image:url(../img/common/QA_q.jpg);
			color:#005a9c;
			background-color:#F2F2F2;
			font-size:110%;
		}
		
		.answer li {
			margin:0.5em 0px 0.5em 15px;
			padding: 0px 0px 0px 5px;
			line-height:1.3em;
			list-style-image:url(../img/common/QA_a.jpg);
		}