@charset "UTF-8";

/* CSS Information ==============================
common.css
============================================== */

/*====================
 +base element
====================*/
body {
	font-family:"Osaka","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Arial","Times New Roman","Helvetica","sans-serif";
	font-size: 86%;
	line-height: 1.7;
	color: #666666;
	text-align: center;
}

#ptnA {
	background: url(../images/common/body_bg_ptnA.gif) repeat-x;
}
#ptnB {
	background: url(../images/common/body_bg_ptnB.gif) repeat-x;
}
#ptnC {
	background: url(../images/common/body_bg_ptnC.gif) repeat-x;
}
#pankuzu {
	font-size: 77%;
	padding-left: 22px;
	padding-right: 10px;
	margin-bottom: 10px;
}

.f_right 	{ float: right;			}
.f_left  	{ float: left; 			}

.t_center 	{ text-align: center;	}
.t_right 	{ text-align: right; 	}
.t_left 	{ text-align: left; 	}

 /*====================
 + font 
====================*/
.f_pink 	{ color: #E4007F; 	}
.f_orange 	{ color: #fd8a18; 	}
.f_green 	{ color: #46b046; 	}
.f_red 		{ color: #FF0000; 	}
.f_blue		{ color: #4f89fc; 	}
.f_gray		{ color: #999999; 	}
.f_black	{ color: #333333; 	}
.f_white	{ color: #ffffff; 	}

.f_bold 	{ font-weight: bold; }
.f_nml 		{ font-weight: normal !important; }

.f_11px 	{ font-size: 80%;}
.f_13px 	{ font-size: 90%;}

 /*====================
 + extra margin,padding 
====================*/
.mt5px  	{ margin-top:5px;  }
.mt10px 	{ margin-top:10px; }
.mt15px 	{ margin-top:15px; }
.mt20px 	{ margin-top:20px; }
.mt25px 	{ margin-top:25px; }
.mt30px 	{ margin-top:30px; }

.pt5px 		{ padding-top:5px; }
.pt10px		{ padding-top:10px;}
.pt15px		{ padding-top:10px;}
.pt20px		{ padding-top:20px;}
.pt30px		{ padding-top:30px;}

.pb5px 		{ padding-bottom:5px; }
.pb10px		{ padding-bottom:10px;}
.pb15px		{ padding-bottom:10px;}
.pb20px		{ padding-bottom:20px;}
.pb30px		{ padding-bottom:30px;}

.pl5px 		{ padding-left:5px; }
.pl10px		{ padding-left:10px;}
.pl15px		{ padding-left:15px;}
.pl20px		{ padding-left:20px;}
.pl30px		{ padding-left:30px;}


.pr5px 		{ padding-right:5px; }
.pr10px		{ padding-right:10px;}
.pr15px		{ padding-right:15px;}
.pr20px		{ padding-right:20px;}
.pr30px		{ padding-right:30px;}

.mb5px  { margin-bottom:5px;  }
.mb10px { margin-bottom:10px; }
.mb15px { margin-bottom:15px; }
.mb20px { margin-bottom:20px; }
.mb25px { margin-bottom:25px; }
.mb30px { margin-bottom:30px; }
.mb40px { margin-bottom:40px; }
.mb50px { margin-bottom:50px; }

.mr5px  { margin-right:5px;  }
.mr10px { margin-right:10px; }
.mr15px { margin-right:15px; }
.mr20px { margin-right:20px; }
.mr30px { margin-right:30px; }
.mr40px { margin-right:40px; }

.ml5px  { margin-left:5px;  }
.ml10px { margin-left:10px; }
.ml15px { margin-left:15px; }
.ml20px { margin-left:20px; }
.ml30px { margin-left:30px; }
.ml40px { margin-left:40px; }

.p10px	{ padding:10px;     }
.p15px	{ padding:15px;     }
.p20px	{ padding:20px;	    }
.m20px  { margin: 20px;	    }

.page_top {
	padding-top: 20px;
	text-align:right;
	font-size: 90%;
}
.outer_page_top {
	margin-right: 20px;
	text-align:right;
	font-size: 90%;
}
.midashi_inherit {
	background: none !important;
	padding: 0 !important;
	text-indent: 0 !important;
	font-size: inherit !important;
	padding: 0 !important;
	margin: 0 !important;
}

ol{
	list-style-position: inside;
}

 /*====================
 +link 
====================*/
a {
	outline: none;
	text-decoration: underline;
}
a:link {
	text-decoration: underline;
	color: #3300ff;
}
a:visited {
	text-decoration: underline;
	color: #3300ff;
}
a:hover {
	text-decoration: none;
	min-height:1px;
	overflow:hidden;
	color: #3300ff;
}
a:active {
	text-decoration: none;
	color: #3300ff;
}
a:focus {
	outline: none;
}


/*====================
 +layout
====================*/
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 900px;
	position: relative;
}
h1#logo {
	float: left;
	height: 76px;
	width: 256px;
	background: url(../images/common/logo.png) no-repeat left  top;
	text-indent: -9999pt;

}
h1#logo a{
	height: 76px;
	width: 256px;
	display: block;
}
#header_navi {
	width: 635px;
	height: 28px;
	text-align:right;
	line-height: 28px;
	vertical-align: middle;
}
#header_navi .bnr_cal a img {
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 5px;
}
#right_area {
	width: 635px;
	float: right;
}
.l_navi {
	height: 25px;
	width: 600px;
	margin-bottom: 22px;
}
#page_body {
	background:url(../images/common/page_body_top.png) no-repeat right top;
	margin-bottom: 30px;
	z-index: 0;
}
#inner_page_body {
	padding: 14px  0px 10px 0px;
	background: url(../images/common/page_body_btm.gif) no-repeat right bottom;
}

#footer {
	clear: both;
	background:url(../images/common/footer_bg.gif) no-repeat left top;
	widh: 897px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}
#dd {
	height: 25px;
	width: 580px;
}

/*====================
 +header_navi
====================*/
#header_navi li a{
	color: #333333;
	font-size: 86%;
}

#header_navi .arrow_blk {
	background: url(../images/common/arrow_blk.gif) no-repeat left 5px;
	/background: url(../images/common/arrow_blk.gif) no-repeat left 3px;
	padding-left: 10px;
	margin-left: 5px;
}
#header_navi .arrow_red {
	background: url(../images/common/arrow_red.gif) no-repeat left 5px;
	/background: url(../images/common/arrow_red.gif) no-repeat left 3px;
	padding-left: 10px;
	margin-left: 30px;
}

#header_navi li{
	display: inline;
}
/*====================
 +banner_area
====================*/
#banner_area {
	width: 250px;
	float: left;
	padding-top: 230px;
	padding-left: 3px;
}

.link_box_1 {
	border: solid 1px #666666;
}

.link_box_2 {
	width: 121px;
	border: solid 1px #666666;
}

.link_image {
	display: block;
	height: 75px;
}

.link_txt {
	display: block;
	height: 20px;
	font-size: 86%;
	background-color: #666666;
}

.link_txt:link {
	color: #ffffff;
}
.link_txt:visited {
	color: #ffffff;
}
.link_txt:hover {
	color: #ffffff;
}
.link_txt:active {
	color: #ffffff;
}

#address_ncsm {
	padding: 5px;
	color: #8f8f8f;
}

.address_title_color {
	color: #333333;
}

/*====================
 +footer
====================*/
#footer ul {
	text-align:right;
	padding-right: 10px;
}
#footer ul li {
	display: inline;
	border-right: 1px solid #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
#footer ul li#border_none_right {
	border-right: none;
}
#footer ul a{
	color: #FFFFFF;
}

/*====================
 +other
====================*/
.hl_asala {
	background: url(../images/common/icon_asala.gif) no-repeat left top;
	padding-left: 30px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-right: 10px;
	font-size: 86%;
}
.icon_popup  {
	background:url(../images/common/icon_popup.gif) no-repeat left top;
	padding-left: 17px;
}
/*====================
 +entry
====================*/
.entry_date {
	text-align: right;
	color: #999999;
	margin-bottom: 10px;
	font-size: 90%;
}

/*====================
 +news_box
====================*/
#news_box {
	background-color: #eeeeee;
	margin-top: 10px;
	padding: 10px;
}

#news_title {
	color: #999;
	font-size: 106%;
	font-weight: bold;
}
#headline {
	padding-bottom:10px;
	padding-top: 5px;
}
.arrow_ora dt,
.arrow_ora li {
	background: url(../images/common/arrow_ora.gif) no-repeat 2px 8px;
	padding-left: 14px;
	margin-bottom: 5px;
}
.arrow_blue dt,
.arrow_blue li {
	background: url(../images/common/arrow_blue.gif) no-repeat 2px 8px;
	padding-left: 14px;
	margin-bottom: 5px;
}
.arrow_grn dt,
.arrow_grn li {
	background: url(../images/common/arrow_grn.gif) no-repeat 2px 8px;
	padding-left: 14px;
	margin-bottom: 5px;
}


.smbl_ora li {
	background: url(../images/common/dd_li_smbl_ora.gif) no-repeat 2px 8px;
	padding-left: 14px;
	margin-bottom: 5px;
}
.smbl_blue li {
	background: url(../images/common/dd_li_smbl_blue.gif) no-repeat 2px 8px;
	padding-left: 14px;
	margin-bottom: 5px;
}
.smbl_grn li {
	background: url(../images/common/dd_li_smbl_grn.gif) no-repeat 2px 8px;
	padding-left: 14px;
	margin-bottom: 5px;
}

#headline dt{
	float: left;
	width: 450px;
	margin-bottom:10px;
	clear: both;
	padding-left: 14px;
}
#headline dd{
	width: 90px;
	text-align: right;
	float: right;
	color: #777777;
	margin-bottom:10px;
}
.normal_list li{
	background: url(../images/common/dd_li_smbl_blk.gif) no-repeat 3px 9px;
	padding-left: 14px;
}
.normal_list_ol{
	list-style-position: inside;
	text-indent: -11pt;
	padding-left: 18px;
}
.normal_list_ol li{
	margin-bottom: 5px;
}


/*====================
 +折りたたみ
====================*/

#ptnA #content_area_anchor .accordion h5 { 
	cursor:pointer; 
	color: #3300ff;
	text-decoration: underline;
	background: url(../images/common/hide.gif) no-repeat 3px 5px;
}
#ptnA #content_area_anchor .accordion h5:hover,
#ptnA #content_area_anchor .accordion h5:active {
	text-decoration: none;
}
#ptnA #content_area_anchor .accordion h5.open { 
	cursor:pointer; 
	color: #3300ff;
	background: url(../images/common/show.gif) no-repeat 3px 5px;
}


/*====================
 +h3
====================*/
#content_area_anchor h3 {
	font-weight: bold;
	font-size: 156%;
	text-indent: 1px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	width: 600px;
	line-height: 1.5em;
}
#ptnA #content_area_anchor h3 {
	background: url(../images/common/h3_btmlineA.gif) no-repeat left bottom;
	color: #fd8a18;
}
#ptnB #content_area_anchor h3 {
	background: url(../images/common/h3_btmlineB.gif) no-repeat left bottom;
	color: #52c052;
}
#ptnC #content_area_anchor h3 {
	background: url(../images/common/h3_btmlineC.gif) no-repeat left bottom;
	color: #6b9cfd;
}
/*====================
 +h4
====================*/
#content_area_anchor h4 {
	font-size: 125%;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 13px;
	margin-bottom: 10px;
	vertical-align: middle;
	font-weight:bold;
}




#ptnA #content_area_anchor h4 {
	background: url(../images/common/h4_bgA.gif) no-repeat 1px bottom;
	color: #fd8a18;
}

#ptnB #content_area_anchor h4 {
	background: url(../images/common/h4_bgB.gif) no-repeat 1px bottom;
	color: #52c052;
}

#ptnC #content_area_anchor h4 {
	background: url(../images/common/h4_bgC.gif) no-repeat 1px bottom;
	color: #6b9cfd;
}
/*====================
 +h5
====================*/
#content_area_anchor h5 {
	font-size: 110%;
	margin-top: 25px;
	text-indent: 25px;
	margin-bottom: 10px;
	font-weight: bold;
	vertical-align: middle;
}
#ptnA #content_area_anchor h5 {
	background: url(../images/common/h5_smblA.gif) no-repeat left 1px;
	color: #ff9933;
}
#ptnB #content_area_anchor h5 {
	background: url(../images/common/h5_smblB.gif) no-repeat left 1px;
	color: #52c052;
}
#ptnC #content_area_anchor h5 {
	background: url(../images/common/h5_smblC.gif) no-repeat left 1px;
	color: #6b9cfd;
}
/*====================
 +h6
====================*/
#content_area_anchor h6 {
	margin-top: 10px;
	font-weight: bold;
}
#ptnA #content_area_anchor h6 {
	color: #ff9933;
}
#ptnB #content_area_anchor h6 {
	color: #52c052;
}
#ptnC #content_area_anchor h6 {
	color: #6b9cfd;
}


/*====================
 404　Not Found
====================*/

#notfound .not_img{
	padding:60px  0px 30px 0px;

}
	
#not_message{

	background: url(../images/common/logobg.gif) no-repeat center top;
	height: 230px;
}

#not_message p{
	padding:  70px  0px 0px 170px;
	text-align:left;

}

#error_back{
	padding:  20px  0px 80px 600px;

}