/* {ݒ */
/* ----------------------------------------------------- */

/* ------------------------------------- 
 *	CSSZbg
 * ------------------------------------- */
 
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,fieldset,form,input,blockquote{ margin:0px; padding:0px; }
fieldset,img { border:0px; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%;margin:0px;padding:0px;font-style:normal;font-weight:normal; }
q:before,q:after{ c ontent:'';}

/* ------------------------------------- 
 *	{ݒ
 * ------------------------------------- */

body {
	font-family:'qMmpS Pro W3', 'Hiragino Kaku Gothic Pro', 'CI', "Meiryo", 'lr oSVbN', "sans-serif";
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	color:#333333;
	background:url(/images/back.gif) repeat-x;
	text-align:center;
}


a:link {
	text-decoration: underline;
	color: #0066CC;
}

a:visited {
	text-decoration: underline;
	color: #024991;
}

a:hover,
a:active {
	text-decoration: none;
	color: #024991;
}

p{
	margin:10px 0px 10px 0px;
}

.txt_red{
	color:#FF0000;
}

/* ------------------------------------- 
 *	ėpp[c
 * ------------------------------------- */
div .clear{
	clear:both;
}


/* ------------------------------------- 
 *	{CAEg
 * ------------------------------------- */
 
#main{
	width:840px;
	margin:0px auto 0px auto;
}

#head{
	width:100%;
	height:70px;
}

#head .logo{
	width:320px;
	margin-top:15px;
	float:left;
	display:inline;
}

#head .toiawase{
	width:520px;
	margin-top:30px;
	float:left;
	display:inline;
}

ul#gnavi{
	width:100%;
	height:49px;
	margin:0px 0px 20px 0px;
	padding:0px;
	display:block;
}

ul#gnavi li{
	list-style-type:none;
	float:left;
	margin:0px;
	padding:0px;
	display:inline;
}


#footer{
	width:840px;
	text-align:right;
	margin-bottom:20px;
}

#footer .rightside{
	width:628px;
	float:left;
	display:inline;
}

#footer .rightside .bottan{
	width:110px;
	height:11px;
	border-right:#CCCCCC solid 1px;
	margin-bottom:15px;
	float:right;
	text-align:center;
}

#footer .logo{
	width:212px;
	float:left;
	display:inline;
}

/* ------------------------------------- 
 *	HOMEp
 * ------------------------------------- */

#leftcontents{
	width:570px;
	background:#FFFFFF;
	float:left;
	margin:0px 20px 40px 0px;
	display:inline;
	text-align:left;
}

#consumer{
	width:280px;
	height:428px;
	background:url(/images/back_cat.gif);
	float:left;
	display:inline;
	margin-right:10px;
}

#consumer .arrow{
	width:240px;
	background:url(/images/arrow_red.gif) no-repeat;
	text-align:left;
	text-indent:2.5em;
	line-height:15px;
	display:block;
	margin:auto;
}

#consumer h2{
	width:240px;
	text-align:left;
	display:block;
	margin:20px auto 10px auto;
}

#consumer ul{
	text-align:left;
	padding:0px;
	list-style:none;
	margin:0px 0px 0px 23px;
}

#consumer li a:link{
	width:236px;
	height:28px;
	line-height:28px;
	background:url(/images/arrow_list_red.gif) no-repeat #F9F7ED;
	border-bottom:#CDCDCD dotted 1px;
	text-indent:1.2em;
	display:block;

	
}

#consumer li a:visited{
	width:236px;
	height:28px;
	line-height:28px;
	background:url(/images/arrow_list_red.gif) no-repeat #F9F7ED;
	border-bottom:#CDCDCD dotted 1px;
	text-indent:1.2em;
	display:block;

}

#consumer li a:hover{
	width:236px;
	height:28px;
	line-height:28px;
	background:url(/images/arrow_list_red.gif) no-repeat #FDE9E7;
	border-bottom:#CDCDCD dotted 1px;
	text-indent:1.2em;
	display:block;

}

#consumer li a:active{
	width:236px;
	height:28px;
	line-height:28px;
	background:url(/images/arrow_list_red.gif) no-repeat #F9F7ED;
	border-bottom:#CDCDCD dotted 1px;
	text-indent:1.2em;
	display:block;

}

#professional{
	width:280px;
	height:428px;
	background:url(/images/back_cat.gif);
	float:left;
	display:inline;
}

#professional .arrow{
	width:240px;
	background:url(/images/arrow_green.gif) no-repeat;
	text-align:left;
	text-indent:2.5em;
	line-height:15px;
	display:block;
	margin:auto;
}

#professional h2{
	width:240px;
	text-align:left;
	display:block;
	margin:20px auto 10px auto;
}

#professional ul{
	padding:0px;
	list-style:none;
	text-align:left;
	margin:0px 0px 0px 23px;
}

#professional li a:link{
	width:236px;
	height:28px;
	line-height:28px;
	background:url(/images/arrow_list_green.gif) no-repeat #F9F7ED;
	border-bottom:#CDCDCD dotted 1px;
	text-indent:1.2em;
	display:block;
}

#professional li a:visited{
	width:236px;
	height:28px;
	line-height:28px;
	background:url(/images/arrow_list_green.gif) no-repeat #F9F7ED;
	border-bottom:#CDCDCD dotted 1px;
	text-indent:1.2em;
	display:block;

}

#professional li a:hover{
	width:236px;
	height:28px;
	line-height:28px;
	background:url(/images/arrow_list_green.gif) no-repeat #EEF9EE;
	border-bottom:#CDCDCD dotted 1px;
	text-indent:1.2em;
	display:block;

}

#professional li a:active{
	width:236px;
	height:28px;
	line-height:28px;
	background:url(/images/arrow_list_green.gif) no-repeat #F9F7ED;
	border-bottom:#CDCDCD dotted 1px;
	text-indent:1.2em;
	display:block;

}


ul#whatnew {
	width: 540px;
	height: 180px;
	overflow: auto;
	overflow-x: hidden;
	list-style-image:url(/images/arrow.gif);
	display:block;
	margin:0px;
	padding:10px 0px 0px 10px;
}

ul#whatnew li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	margin:5px 0px 0px 1.5em;
	text-align:left;
}


#rightcontents{
	width:250px;
	float:left;
	display:inline;
}

#banner img{
	margin-bottom:10px;
}

.banner_365{
	margin-bottom:10px;
	width:250px;
	text-align:left;
}

/* ------------------------------------- 
 *	HOME_地震
 * ------------------------------------- */
 
.omimai{
	background:#F6F3E6;
	padding:10px;
	border:#DCDCDC 1px solid;
	text-align:left;
	margin:20px auto;
}

.omimai span.back{
	background:#FFFFFF;
	padding:20px;
	display:block;
}

.blank_home{
	width:600px;
	margin:20px auto;
	text-align:left;
	border:#CCCCCC 1px solid;
	padding:20px;
	background:#FFFFFF;
}

.blank_home h1{
	text-align:center;
	margin:20px 0px;
	font-size:14px;
	font-weight:bold;
}

.blank_homeright{
	text-align:right;
}