@charset "utf-8";

/*
===== 1: reset =================================
*/

h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form{
	margin:0px;
	padding:0px;
}

/*
===== 2: body and base setting ===========================
*/

body {
	text-align:center;/* box centering */
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(images/bg.gif) repeat-x 0px 106px;
	color:#666666;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	line-height: 1.6em;/* base line height */
	text-align: left;
	display: block;
}

table {
	margin : 0px;
	padding: 0px;
	empty-cells: show;
}

table th,table td{
	font-size: 12px;
}

img{
	border:none;
	vertical-align:top;
}

ul,ol{
	list-style:none;
}

input,textarea,select{
	font-size:12px;
	color:#444;
	font-family:sans-serif;
}


/*
===== 3: link setting ===========================
*/
a:link,
a:visited{
	color: #16637F;
}

a:hover,
a:active{
	color: #3F88A3;
}

div#news dl dd#news_list a:link,
div#news dl dd#news_list a:visited{
	color: #ffffff;
	text-decoration:none;
}

div#news dl dd#news_list a:hover,
div#news dl dd#news_list a:active{
	color: #D1D1D1;
}

p#footer_link a:link,
p#footer_link a:visited{
	color: #666666;
}

p#footer_link a:hover,
p#footer_link a:active{
	color: #A4A4A4;
}

body#cmn h2 a:link,
body#cmn h2 a:visited{
	color: #ffffff;
}

body#cmn h2 a:hover,
body#cmn h2 a:active{
	color: #D1D1D1;
}
/*
===== 4: layout ==========================================
*/

div#container{
	width: 100%;
	background: url(images/head.gif) repeat-x left top;
	text-align: center;
}

div#head{
	margin: 0px auto;
	width: 760px;
	padding-bottom: 4px;
}

div#head p#logo{
	margin-left: 15px;
	padding-top: 13px;
	width: 247px;
	float: left;
	display: inline;
}

div#head h1{
	margin-left: 15px;
	padding-top: 13px;
	width: 247px;
	float: left;
	display: inline;
}

div#head p#tel{
	margin-right: 15px;
	padding-top: 10px;
	width: 202px;
	float: right;
	display: inline;
}

div#gnavi{
	margin-bottom: 10px;
	background: url(images/gnavi_bg.gif) repeat-x left top;
	text-align: center;
}

div#gnavi dl{
	margin: 0px auto;
	padding-top: 3px;
	padding-bottom: 5px;
	width: 760px;
	
}

div#gnavi dl dd ul li{
	float: left;
}

div#gnavi dl dt,
dl.q_list dt{
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
}



p#key{
	margin: 0px auto;
	width: 730px;
	text-align: center;
}

div#wrap{
	margin: 0px auto;
	width: 760px;
	text-align: center;
}

div#wrap_in{
	margin: 0px auto;
	padding-bottom: 19px;
	padding-top: 23px;
	width: 730px;
	text-align: center;
}

body#top div#wrap_in{
	background: url(images/top_bg.jpg) no-repeat right top;
}

body#top div#wrap_in div#contents{
	width: 506px;
	float: left;
}

div#contents div#news{
	margin-left: 8px;
	margin-bottom: 14px;
}

div#news dl{
	position: relative;
}

div#news dl dt img{
	z-index: 1;
}

div#news dl dd#news_list{
	top: 0px;
	right: 11px;
	position: absolute;
	font-size: 62.5;
	z-index: 2;
}



div#news dl dd ul{
	padding-top: 3px;
}

div#news dl dd ul li{
	padding-top: 3px;
	padding-left: 8px;
	padding-bottom: 3px;
	background: url(images/news_border.gif) repeat-x left bottom;
	line-height: 1.6em;
}

div#news dl dd ul li span.date{
	padding-right: 9px;
	padding-left: 11px;
	background: url(images/arrow.gif) no-repeat 0px 3px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

div#news dl dd ul li span.new{
	margin-left: 10px;
}

div#contents_box{
	padding-bottom: 8px;
	border-top: solid 1px #D8D3C8;
	background-color: #F1EBDF;
}

dl#top_box{
	margin-bottom: 7px;
	margin-left: 8px;
	padding-top: 8px;
	padding-bottom: 9px;
	background: url(images/system_btm.gif) no-repeat left bottom;
}

dl#top_box dd{
	padding-top: 4px;
	background: url(images/system_bg.gif) repeat-y left top;
}

dl#top_box dd div#system_first{
	margin-left: 11px;
	width: 175px;
	float: left;
	display: inline;
}

dl#top_box dd div#system_second{
	padding-top: 2px;
	margin-left: 9px;
	width: 294px;
	float: left;
	display: inline;
}

dl#top_box dd div#system_second p{
	margin-right: 10px;
	margin-bottom: 7px;
	line-height: 1.4em;
	font-size:62.5;
}

dl#top_box dd div#system_second ul{
	width: 294px;
}

dl#top_box dd div#system_second ul li{
	margin-right: 6px;
	margin-bottom: 5px;
	width: 138px;
	float: left;
	background: url(images/box_system.gif) no-repeat left top;
	text-align: center;
	line-height: 23px;
}

dl#top_box dd div#system_second ul li a{
	padding-left: 10px;
	background: url(images/arrow.gif) no-repeat left center;
}

div#seocond_box{
	margin-left: 8px;
	width: 490px;
	font-size:62.5;
}

div#seocond_box div#second_left{
	width: 241px;
	float: left;
}

div#seocond_box div#second_right{
	width: 241px;
	float: right;
}

div#second_left dl,
div#second_right dl{
	padding-bottom: 9px;
	background: url(images/top_cont_bottom.gif) no-repeat left bottom;
}

div#second_left dl dd,
div#second_right dl dd{
	padding-top: 4px;
	width: 241px;
	background: url(images/top_cont_bg.gif) repeat-y left top;
}

div#second_left dl dd div.left_img,
div#second_right dl dd div.left_img{
	margin-left: 6px;
	width: 90px;
	float: left;
	display: inline;
}

div#second_left dl dd div.left_img p,
div#second_right dl dd div.left_img p{
	margin-left: 5px;
}

div#second_left dl dd div.right_text,
div#second_right dl dd div.right_text{
	margin-right: 6px;
	width: 125px;
	float: right;
	display: inline;
}

div#second_left dl dd div.right_text p,
div#second_right dl dd div.right_text p{
	line-height: 1.4em;
}

div#second_left dl dd div.right_text p a,
div#second_right dl dd div.right_text p a{
	padding-left: 7px;
	background: url(images/arrow.gif) no-repeat left center;
}


/*side_menu*/
body#top div#wrap_in div#side_menu{
	width: 200px;
	float: right;
}

div#side_menu p{
	margin-bottom: 10px;
}

div#side_menu div#mail{
	margin-bottom: 10px;
	border: solid 1px #B3B3B3;
	background-color: #F1EBDF;
}

div#mail dl dt{
	margin-left: 6px;
	margin-bottom: 4px;
	padding-top: 8px;
	font-weight: bold;
}

div#mail dl dd{
	margin-left: 7px;

}

div#side_menu div#mail dl dd p{
	margin-bottom: 2px;
	font-size: 62.5%;
}

div#mail dl dd dl{
	margin-bottom: 8px;
	padding-bottom: 6px;
	background: url(images/mail_dot.gif) repeat-x left bottom;
}

div#mail dl dd.mail_back{
	margin-bottom: 7px;
	margin-left: 8px;
}

div#mail dl dd dl dt{
	margin-left: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	line-height: 1.2;
}

div#mail dl dd dl dd{
	margin-left: 0px;
	font-size: 62.5%;
	margin-bottom: 0px;
	padding-top: 0px;
	line-height: 1.2;
}

div#mail dl dd input.w180{
	width: 180px;
}

div#mail dl dd input.w120{
	width: 120px;
}
div#mail dl dd span{
	margin-left: 7px;
}

div#side_menu dl#column{
	width: 200px;
}

div#side_menu dl#column dt{
	margin-bottom: 4px;
}



div#side_menu dl#column dd{
	margin-bottom: 3px;
}


/*footer*/

div#footer{
	padding-bottom: 10px;
	background: url(images/footer_bg.gif);
	text-align: center;
	
}

div#footer div#footer_box{
	margin: 0px auto;
	padding-bottom: 3px;
	width: 760px;
	background: #ffffff url(images/btm.gif) no-repeat left bottom;
}

div#footer div#copyright{
	margin-left: 15px;
	margin-bottom: 9px;
	width: 730px;
	color: #666666;
	font-size: 62.5%;
	border-top: solid 1px #BDBDBD;
	background-color: #E5E5E5;
}

div#footer div#copyright p{
	margin-left: 7px;
	width: 380px;	
	float: left;
	line-height: 2em;
	display: inline;
}

div#footer div#copyright ul{
	width: 120px;
	float: right;
}

div#footer div#copyright ul li{
	margin-right: 10px;
	padding-left: 10px;
	float: left;
	background: url(images/footer_arrow.gif) no-repeat left center;
	line-height: 2em;
	
}

div#footer div#footer_box p#footer_link{
	margin-left: 15px;
	margin-bottom: 3px;
	padding-bottom: 9px;
	width: 730px;
	font-size: 62.5%;
	line-height: 1.3em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(images/footer_dot.gif) repeat-x left bottom;
}

address{
	margin-bottom: 5px;
	margin-left: 20px;
	font-style: normal;
	font-size: 62.5%;
}

address span{
	font-weight: bold;
}

/*
===== 00: CLEARFIX ==========================================
*/
.pkg{
	min-height:1px; /* IE 7*/
}

.pkg:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.pkg{
display:inline-table; }


/* Mac IE  \*/

* html .pkg
{ height:1px; }


.pkg{ display:block; }

/* */




/*
===== 1: second_layout =================================
*/

body#cmn div#wrap,
body#blog div#wrap{
	margin-top: -2px;
	padding-bottom: 10px;
	width: 762px;
	border-left: solid 1px #cdcdcd;
	border-right: solid 1px #cdcdcd;
	background-color: #ffffff;
}

body#cmn div#gnavi,
body#blog div#gnavi{
	margin-bottom: 0px;
}

body#cmn div#gnavi dl,
body#blog div#gnavi dl{
	padding-bottom: 5px;	
}

body#cmn p#key,
body#blog p#key{
	padding-top: 13px;
	margin-bottom: 7px;
}

body#cmn div#wrap_in,
body#blog div#wrap_in{
	padding-top: 0px;
	background: url(images/menu_bg.gif) repeat-y left top;
}


body#cmn div#wrap_in div#contents,
body#blog div#wrap_in div#contents{
	width: 510px;
	float: right;
}

body#cmn div#wrap_in div#contents p,
body#blog div#wrap_in div#contents p{
	margin-bottom: 8px;
	margin-left: 5px;
}

body#cmn div#wrap_in div#contents p.img,
body#blog div#wrap_in div#contents p.img{
	margin-bottom: 8px;
	margin-left: 0px;
}

div#contents p#path{
	margin-bottom: 7px;
	font-size: 62.5%;
}

div.pagetop{
	margin: 0px auto;
	width: 725px;
	text-align: right;

}

body#cmn div#wrap_in div#menu,
body#blog div#wrap_in div#menu{
	padding-bottom: 13px;
	width: 200px;
	float: left;
	background-color: #fff;
}

body#cmn div#wrap_in div#menu p{
	margin-bottom: 10px;
}

body#cmn div#wrap_in div#menu dl{
	padding-top: 2px;
}

body#blog div#wrap_in div#menu dl dt{
	margin-bottom: 3px;
	font-size: 75%;
}

body#cmn div#wrap_in div#menu dl dd{
	margin-bottom: 3px;
}


body#cmn div#wrap_in div#menu dl#sub{
	margin-bottom: 10px;
	padding-top: 0px;
}

body#cmn div#wrap_in div#menu dl#sub dt{
	margin-bottom: 0px;
}

body#cmn div#wrap_in div#menu dl#sub dd{
	margin-bottom: 0px;
	width: 200px;
	background: url(images/menu_concept_bg.gif) no-repeat left top;
	line-height: 28px;
	text-indent: 17px;
}

body#cmn div#wrap_in div#menu dl#sub dd.top{
		background: url(images/menu_concept_bg_top.gif) no-repeat left top;
		line-height: 29px;
}

body#cmn div#wrap_in div#menu dl#sub dd ul{
	text-indent: 0px;
}

body#cmn div#wrap_in div#menu dl#sub dd ul li{
	padding-left: 17px;
	line-height: 25px;
	background: #F1EBDF url(images/feature_btm.gif) no-repeat left top;
}

body#cmn div#wrap_in div#menu dl#sub dd ul li.line2{
		padding-top: 5px;
		padding-bottom: 2px;
		line-height: 1.5;
		background: #F1EBDF url(images/feature_btm2.gif) no-repeat left top;
}

img.img_left{
	margin-right: 10px;
	float: left;
}

img.img_right{
	margin-left: 10px;
	float: right;
}

/*
===== 2: heading =================================
*/

body#cmn h1,
body#blog h1{
	margin-bottom: 12px;
	padding-left: 24px;
	background: url(images/h1.gif) no-repeat left top;
	height: 37px;
	line-height: 37px;
	color: #055E7F;
	font-size: 14px;
}

body#cmn h2{
	clear: both;
	margin-bottom: 7px;
	padding-left: 14px;
	font-size: 75%;
	color: #fff;
	background: url(images/h2.gif) no-repeat left top;
	height: 27px;
	line-height: 27px;
}

body#cmn h2.point1{
	padding-left: 65px;
	background: url(images/point1.gif) no-repeat left top;

}

body#cmn h2.point2{
	padding-left: 65px;
	background: url(images/point2.gif) no-repeat left top;

}

body#cmn h2.point3{
	padding-left: 65px;	
	background: url(images/point3.gif) no-repeat left top;

}

body#cmn h2.point4{
	padding-left: 65px;
	background: url(images/point4.gif) no-repeat left top;

}

body#cmn h3,
body#blog h3{
	clear: both;
	margin-bottom: 7px;
	padding-left: 6px;
	font-size: 75%;
	color: #055E7F;
	border-left: solid  3px #055E7F;
}

body#cmn h3 span{
	margin-left: 150px;
}
body#cmn h4{
	clear: both;
	margin-bottom: 4px;
	padding-left: 17px;
	font-size: 75%;
	color: #555555;
	background: url(images/h4.gif) no-repeat left top;
}


body#blog div h2{
	margin: 0px 6px 14px;
	padding: 5px 16px;
	clear: both;
	font-size: 75%;
	color: #fff;
	line-height: 1.6;
}

body#blog div.miwa h2{
	background-color: #FF9A96;
}

body#blog div.ota h2{
	background-color: #EF9856;
}

body#blog h2 a:link,
body#blog h2 a:visited{
	color: #fff;
	text-decoration: none;
}

body#blog h2 a:hover,
body#blog h2 a:active{
	color: #fff;
	text-decoration: underline;
}

body#blog dl.body{
	margin-bottom: 10px;
	font-size: 62.5%;
}

body#blog div.entry_navi{
	margin-bottom: 5px;
	font-size: 62.5%;
	text-align: center;
}

body#blog div.entry{
	margin-bottom: 30px;
	border: solid 1px #A2A2A2;
}

body#blog div.entry p.entry_date{
	padding: 5px 10px;
	background: url(images/blog_dot.gif) repeat-x left bottom;
	font-size: 62.5%;
	font-weight: bold;
}

body#blog div.entry dl dd{
	padding: 0px 10px 10px;
}

body#blog div.entry dl dd.entry_state{
	padding: 5px 5px 0px;
	background: url(images/blog_dot.gif) repeat-x left top;
	font-size: 62.5%;
	font-weight: bold;
}

body#blog div#wrap_in div#contents div.entry dl dd.entry_state p{
	margin-bottom: 4px;
	padding: 2px 3px;
	background-color: #F1EBDF;
	text-align: right;
}

body#blog dl.form{
	margin-bottom: 15px;
}

body#blog div.link{
	margin-bottom: 15px;
}
body#blog div.page{
	text-align: center;
	font-size: 62.5%;
}


div#menu dl{
	margin-bottom: 10px;
}

div#menu dl dt{
	padding-left: 17px;
	background: url(images/blog_menu_bg.gif) no-repeat left top;
	height: 29px;
	line-height: 29px;
	color: #16637F;
	font-weight: bold;
}

div#menu dl dd{
	padding-top: 2px;
	padding-bottom: 5px;
	background-color: #F1EBDF;
	font-size: 62.5%;
}

div#menu dl dd ul li{
	padding: 3px 0px;
	background: url(images/menu_btm.gif) repeat-x left bottom;
	line-height: 1.6;
}

div#menu dl dd ul li a{
	padding-left: 15px;
	background: url(images/menu_arrow.gif) no-repeat 5px 5px;	
}

div#menu dl dd ul li ul li{
	padding-left: 15px;
	background: url(images/sub_icon.gif) no-repeat 15px 3px;
}

div#menu dl dd ul li ul li a{
	background: none;
}

div#menu dl#cal dd{
	background: none;
	padding-left: 0px;
	padding-bottom: 5px;
	background-color: #F1EBDF;
}

dd.entry_body p{
	font-size: 75%;
}

/*cal*/

#cal{
	width: 200px;
	margin: 0px auto;
	text-align: center;
}

#cal table{
	width: 200px;
	border:none;
	margin: 0px auto;
	text-align: center;
}


div#menu dl#cal dd table#wp-calendar tr{
	height: 12px;
}

div#menu dl#cal dd table#wp-calendar td{
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: center;
	width: 22px;
	height: 16px;
	border-spacing: 0px;
	line-height: 1;
	font-size: 90%;
}

* html div#menu dl#cal dd table#wp-calendar td{
	font-size: 62.5%;
}

div#menu dl#cal dd table#wp-calendar td#prev{
	width: 50px;
}

div#menu dl#cal dd table#wp-calendar th{

}

#cal table caption{
	font-size: 11px;
	font-weight: bold;
}

#cal table td#today{
	font-weight: bold;
}

#cal table td#prev,
#cal table td#next{
	text-align: center;
	width: 75px;
}


input#trackbackurl{
	margin-bottom: 10px;
}

div.comment-content p{
	font-size: 75%;
}

div#comments-open-data p{
	font-size: 75%;
}
p.content-nav{
	font-size: 75%;
}

p.comment-footer{
	font-size: 75%;
}

p.feed{
	font-size: 75%;
}

p.nocomments{
	font-size: 75%;
}

p.entry-footer{
	font-size: 75%;
}
body#blog input.searchbox{
	margin: 0px 0px 0px 5px;
	width: 120px;
}