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

/*====================================================================

common.css

======================================================================

	01.format
	02.body
	03.header
	04.navi
	05.container
	06.footer
	07.other
	08.index
	09.level2

=====================================================================*/

/*--------------------------------------------------------------------
     01.format
--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img {
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
	font:normal normal normal 100%/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
}
img { display:block;}
li  { list-style-type: none;}
em { font-style: normal;}

/*  a
----------------------------------------------------------------*/
a:link,
a:visited,
a:hover,
a:active{
	color: #0ca6ee;
	outline:none;
}

a:link   {text-decoration: underline;}
a:visited{text-decoration: underline;}
a:hover  {text-decoration: none;}
a:active {text-decoration: none;}



/*--------------------------------------------------------------------
    02.body
--------------------------------------------------------------------*/
body{
	text-align: center;
	font-size: 12px;
	color: #575757;
}

body#body01 {
	background: url(img/common_bg_body.gif) repeat-x 0 0;
}
body#body02 {
	background: url(img/common_bg_body02.gif) repeat-x 0 0;
}

#wrapper,
#header,
#navi,
#container,
#footer {
	margin: 0 auto;
	text-align: left;
}

#wrapper,
#header,
#navi,
#container,
#footer {
	width: 890px;
}


/*--------------------------------------------------------------------/
	03.header
/--------------------------------------------------------------------*/
#header {
	background: url(img/common_bg_header.gif) no-repeat 0 0;
	height: 98px;
}

#header h1 {
	float: left;
	width: 300px;
	color: #515151;
	font-size: 10px;
}

#header a {
	overflow: hidden;
	text-indent: -9999px;
}

/* primary
-------------------------------------------------------------------- */
#primary {
	float: right;
	padding-right: 40px;
	padding-top: 35px;
	width: 620px;
}

/* home
-------------------------------------------------------------------- */
#home {
	float: left;
	padding-left: 40px;
	padding-top: 25px;
	width: 165px;
	height: 55px;
}
#home a {
	display: block;
	width: 160px;
	height: 50px;
}

/*--------------------------------------------------------------------
    04.navi
--------------------------------------------------------------------*/
#navi {
	margin-bottom: 48px;
	background: url(img/common_bg_g_navi.gif) no-repeat 0 0;
	height: 25px;
}

#navi li,
#navi li a{
	display: block;
	float: left;
	width: 178px;
	height: 25px;
	outline: none;
	text-indent: -9999px;
	overflow: hidden;
}

#navi ul li#n01 a { background-position: 0 0;}
#navi ul li#n02 a { background-position: -178px 0;}
#navi ul li#n03 a { background-position: -356px 0;}
#navi ul li#n04 a { background-position: -534px 0;}
#navi ul li#n05 a { background-position: -712px 0;}

#navi ul li a:hover {
	background: url(img/common_bg_g_navi_hover.gif) no-repeat;
}


/*--------------------------------------------------------------------
    05.container
--------------------------------------------------------------------*/
#container {
	margin-bottom: 80px;
	background: url(img/common_bg_container.gif) repeat-y 645px 0;
}

#container:after,
#header:after,
#navi:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* contents
--------------------------------------------------------------------*/
#contents {
	float: left;
	padding-left: 2px;
	width: 630px;
}

/* sidebar
--------------------------------------------------------------------*/
#sidebar {
	float: right;
	width: 215px;
}

/* side_box
--------------------------------------------------------------------*/
.side_box {
	margin-bottom: 27px;
	border: 1px solid #b2cfde;
	width: 213px;
}
.side_box h3 { margin-bottom: 10px;}
.side_box p {
	padding: 0 20px 13px;
	letter-spacing: 1px;
}

/* bnr
--------------------------------------------------------------------*/
#bnr {
	width: 220px;
	margin-bottom: 5px;
}

#bnr img {
	margin-bottom: 10px;
}
#bnr a img {
	margin-bottom: 8px;
}

/*--------------------------------------------------------------------/
	06.footer
/--------------------------------------------------------------------*/
#footerbg {
	background: url(img/common_bg_footerbg.gif) repeat-x 0 0;
	width: 100%;
}

#footer {
	margin: 0 auto;
	background: url(img/common_bg_footer.gif) no-repeat 0 0;
	height: 155px;
}

/* list
--------------------------------------------------------------------*/
#footer ul {
	float: left;
	padding-left: 3px;
	padding-top: 27px;
}
#footer ul li {
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	border-left: 1px solid #9d9d9d;
	font-size: 10px;
	line-height: 1;
}
#footer ul li.br {
	border-right: 1px solid #9d9d9d;
}

#footer ul li a { color: #9d9d9d; text-decoration: none;}
#footer ul li a:hover { color: #9d9d9d; text-decoration: underline;}

/* pagetop
--------------------------------------------------------------------*/
.pagetop {
	padding-top: 22px;
	float: right;
	width: 75px;
}


/*--------------------------------------------------------------------
    09.other
--------------------------------------------------------------------*/
.right { float: right;}
.left { float: left;}
.center { margin: 0 auto;}
.clear { clear: both;}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}
.clearfix { zoom:1;}
.inline { display:inline;}
.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* padding */
.ps{padding: 5px;}
.ps_t{padding-top: 5px;}
.ps_b{padding-bottom: 5px;}
.ps_h{padding: 5px 0px;}
.ps_w{padding: 0px 5px;}

.pm{padding: 10px;}
.pm_t{padding-top: 10px;}
.pm_b{padding-bottom: 10px;}
.pm_h{padding: 10px 0px;}
.pm_w{padding: 0px 10px;}

/* margin */
.ms{margin: 10px;}
.ms_t{margin-top: 10px;}
.ms_b{margin-bottom: 10px;}
.ms_l{margin-left: 10px;}
.ms_r{margin-right: 10px;}
.ms_h{margin: 10px 0px;}
.ms_w{margin: 0px 10px;}

.mm{margin: 15px;}
.mm_t{margin-top: 15px;}
.mm_b{margin-bottom: 15px;}
.mm_l{margin-left: 15px;}
.mm_r{margin-right: 15px;}
.mm_h{margin: 15px 0px;}
.mm_w{margin: 0px 15px;}

.ml{margin: 10px;}
.ml_t{margin-top: 31px;}
.ml_b{margin-bottom: 25px;}
.ml_l{margin-left: 25px;}
.ml_r{margin-right: 25px;}
.ml_h{margin: 25px 0px;}
.ml_w{margin: 0px 25px;}



/*--------------------------------------------------------------------/
	08.index
/--------------------------------------------------------------------*/

#main {
	margin-bottom: 25px;
	width: 890px;
}

/* para1
--------------------------------------------------------------------*/
#para1 {
	margin-bottom: 30px;
	width: 630px;
}
#para1 h3 {
	margin-bottom: 8px;
}
#para1 p {
	padding: 0 15px 12px 1px;
}

#para1:after,
#para1 div#inner div:after,
#para1 div#btn:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* inner */
#para1 div#inner {
	background: url(img/top_bg_para1_02.gif) repeat-y 0 0;
	width: 630px;
}
#para1 div#inner div {
	background: url(img/top_bg_para1.gif) no-repeat 100% 0;
	width: 630px;
}
#para1 div#inner div dl {
	padding: 17px 22px 5px;
	width: 360px;
}
#para1 div#inner div dt {
	padding-left: 20px;
	background: url(img/common_icon_02.gif) no-repeat 0 8px;
	font-weight: bold;
}
#para1 div#inner div dd p {
	padding-right: 10px;
	padding-bottom: 9px;
	line-height: 1.6;
}

#para1 div#inner div hr {
	clear: both;
	size: 1;
	padding: 0;
	margin: 0 0 9px 0;
	color: #cfcfcf;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #cfcfcf;
}


/* btn */
#para1 div#btn {
	padding-top: 20px;
	padding-bottom: 35px;
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #cfcfcf;
	width: 611px;
}
#para1 div#btn img.left {
	margin-right: 5px;
}


/* para1
--------------------------------------------------------------------*/
#para2 {
	width: 610px;
}
#para2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#para2 .box {
	padding-bottom: 17px;
	background: #ededed url(img/top_bg_para2.gif) no-repeat 0 100%;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 288px;
}

#para2 h4 {
	margin-bottom: 8px;
}
#para2 p {
	padding: 0 23px 2px;
	font-size: 11px;
}
#para2 p a img {
	float: right;
}

/* news
--------------------------------------------------------------------*/
#news {
	margin: 0 auto 25px;
	border-bottom: 1px solid #e6e6e6;
	width: 215px;
	height: 193px;
}

#news h3 {
	margin-bottom: 10px;
}

#news div {
	margin: 0 auto;
	width: 215px;
	height: 155px;
	overflow: scroll;
	overflow-x: hidden;
}

#news div table {
	margin-left: 1px;
	margin-bottom: 10px;
	width: 210px;
}
#news div th,
#news div td {
	padding-left: 25px;
	text-align: left;
	vertical-align: top;
}
#news div th {
	background: url(img/common_icon_01.gif) no-repeat 0 8px;
	color: #39a7da;
	font-size: 11px;
	font-family: Verdana;
}
#news div td {
	padding-bottom: 5px;
	width: auto;
}


/*--------------------------------------------------------------------/
	09.level2
/--------------------------------------------------------------------*/

/* common elements
--------------------------------------------------------------------*/
h2 {
	margin-bottom: 25px;
	padding-top: 35px;
	height: 105px;
	text-align: center;
	color: #2c2c2c;
	letter-spacing: 1px;
	font-size: 26px;
	font-weight: bold;
}
h2 span {
	display: block;
	padding-top: 14px;
	padding-right: 3px;
	text-align: center;
	color: #b9b9b9;
	font-size: 11px;
	font-weight: normal;
}

/*--------------------------------------------------------------------
    entrybody
--------------------------------------------------------------------*/
.entrybody {
	margin: 0 0 30px;
	width: 615px;
}

.entrybody p {
	margin: 0 3px 15px;
}
.entrybody img.right {
	margin-left: 20px;
	margin-bottom: 20px;
}
.entrybody img.left {
	margin-right: 20px;
	margin-bottom: 25px;
}

.entrybody .mt-image-left,
.entrybody .mt-image-right,
.entrybody img.right,
.entrybody img.left {
}

.entrybody iframe {
	margin-bottom: 15px;
	margin-left: 5px;
}

html>body .entrybody a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* entrytxt */
.entrytxt {
	margin: 0 auto 10px;
	width: 613px;
}

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


/*--------------------------------------------------------------------
     h3, h4, h5
--------------------------------------------------------------------*/
.entrybody h3 {
	margin-bottom: 10px;
	padding-top: 7px;
	padding-left: 13px;
	background: url(img/common_bg_h3.gif) no-repeat 0 0;
	height: 33px;
	color: #252525;
	font-size: 17px;
	font-weight: bold;
}

/* h4 */
.entrybody h4 {
	clear: both;
	margin: 15px auto;
	padding: 6px 15px 0;
	background: url(img/common_bg_h4.gif) no-repeat 0 0;
	height: 24px;
	color: #373737;
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
}


/*
*html #news { margin-bottom: 30px;}
*:first-child+html #news { margin-bottom: 30px;}
*/

/*--------------------------------------------------------------------
    entrybody ul, ol
--------------------------------------------------------------------*/
.entrybody ul {
	margin-bottom: 15px;
	margin-left: 7px;
}

.entrybody ul li {
	padding-left: 20px;
	background: url(img/common_icon_02.gif) no-repeat 0 8px;
	padding-bottom: 3px;
}

.entrybody ol {
	margin-bottom: 15px;
	margin-left: 15px;
}
.entrybody ol li {
	list-style: decimal outside;
	margin-left: 15px;
	padding-bottom: 3px;
}


/*--------------------------------------------------------------------
    entrybody table
--------------------------------------------------------------------*/
.entrytxt table {
	margin: 0px auto 20px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.entrytxt td,
.entrytxt th {
	padding: 6px 10px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	text-align: left;
	vertical-align: top;
}

.entrytxt td p { margin-bottom: 5px;}

.entrytxt td ul,
.entrytxt td ol { margin: 5px 10px 0;}

.entrytxt td img {
}


/*--------------------------------------------------------------------
    entrybody div
--------------------------------------------------------------------*/
.entrytxt div {
	clear:both;
	margin: 0 auto 15px;
	padding: 12px 15px 7px;
	background: url(img/common_bg_slash.gif) repeat 0 0;
}
.entrytxt div p { margin: 0 0 5px;}
.entrytxt div img { margin-bottom: 5px;}

.entrytxt div ul,
.entrytxt div ol { margin-bottom: 5px;}


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


/*--------------------------------------------------------------------
    info
--------------------------------------------------------------------*/
div#info {
	clear:both;
	padding: 15px 0 0;
	background: url(img/common_bg_slash.gif) repeat 0 0;
	border: 1px solid #dddddd;
	width: 613px;
}
div#info p { padding: 0 20px 4px;}

div#info:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*--------------------------------------------------------------------
    contact
--------------------------------------------------------------------*/
.contact {
	margin: 0 auto 20px;
	width: 613px;
}
.contact:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.contact table {
	margin: 10px auto 20px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 600px;
}

.contact th,
.contact td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	vertical-align: top;
}

.contact th {
	padding: 9px 10px;
	background: url(img/common_bg_slash.gif) repeat 0 0;
	width: 160px;
}
.contact td {
	padding: 9px 15px;
	width: auto;
}

.contact em {
	color: #0fb2e8;
	font-style: normal;
}
.contact textarea { font-size: 12px;}



.imeon{ ime-mode:active; }
.imeoff{ ime-mode:disabled; }

input,
textarea { margin: 3px 0; font-size: 12px;}