@charset "utf-8";

/***********************************/
/* 2010.04.30*/
/* Hikidas*/
/*---------------------------------*/
/*基本カラー　ブルー　#4574B4

/***********************************/

body {
font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  margin:0 auto;
  padding:0;
	background-color:#ffffff;
	text-align:left;
	font-size:13px;/*モダンブラウザ用*/
	line-height:140%;
	*font-size:small;
	*font:x-small;
	line-height:160%;
}

#bd_bgcolor{
	background:#FFFFFF;
}

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

a{
	outline:none;
	color:#0033CC;/*リンク色指定*/
	text-decoration:underline;
	}
	
a:hover{
	color:#6666ff;/*マウスオーバー色指定*/
	text-decoration:underline;
	}
a.nonline{
	text-decoration:none;
	margin:0;
	padding:0;
}

form{
	margin:0;
	padding:0;
}

/*************************************************************************
modxフリー編集ページ用
**************************************************************************/
div.mdx_free p{
	/*pタグのmargin,paddingを0*/
	margin:0;
	padding:0;
}
div.mdx_free .t_box{
/*項目等で使用する囲み*/
margin:5px 5px 0 0;
	padding:2px 5px;
	border:1px solid #cccccc;
	background-color:#eeeeee;
}

	
/*************************************************************************
基本設定
**************************************************************************/
div.area_container {
	width:950px;
  margin:0px auto;
	background-color:#FFFFFF;
}
div.area_contents {
	}

div.area_l {
float:left;
background-color:#FBFBFB;
width:150px;
margin:0px;
padding:0px;
}
div.area_main {
float:left;
width:800px;
margin:0px;
padding:0;
}
div.area_main .area_cnt {
margin:0px;
padding:0 0 0 15px;
}


/*基本 リンク：強調したいリンクリスト作成に使用*/
ul.m_link {
margin:5px 0 10px 0;
padding:0px;
list-style:none;
}
ul.m_link li{　/*アイコン：イエロー*/
margin:0 0 5px 0;
	padding:0px 5px 5px 15px;
background:url(../img/common/ico_link_ylw_main.gif) no-repeat 0px 5px;
}
div.bl ul.m_link li{ /*アイコン：ブルー*/
background:url(../img/common/ico_link_bl_main.gif) no-repeat 0px 5px;
}

/*基本 サブリンク：標準的なリンクリストの作成に使用*/
ul.m_link_sub {
	margin:5px 0 10px 0;
padding:0px;
list-style:none;
}
ul.m_link_sub li {
	padding:0px 5px 5px 10px;
	margin:0;
background:url(../img/common/ico_link_bl_sub.gif) no-repeat 0px 5px;
}

img.ph_frm{
	padding:5px;
	border:1px solid #eeeeee;
	background-color:#ffffff;
}

/*パンくずリンク*/
div.plink{
	margin:0 0 10px 0;
	padding:5px 0;
	border-bottom:1px dotted #cccccc;
	font-size:87%;
	font-weight:bold;
}
div.plink a{
	font-weight:normal;
}


/*************************************************************************
見出し関連
**************************************************************************/

h1 {
	margin:10px 0px 20px 0px;
	padding:0px;
	font-size:160%;
	line-height:130%;
	}	
h2 {
	margin:10px 0px;
	padding:0px;
	}
h2.first { /*モダンブラウザ*/
	margin:0 0 10px 0;
	padding:0px;
	}
h3{
	background:url(../img/top/bar_base_bk.jpg) no-repeat 0 0;
	margin:0;
	padding:6px 15px;
	border:1px solid #dddddd;
	font-size:87%;
	line-height:110%;
}

h3.first {  /*モダンブラウザ*/
	margin:0px 0 10px 0;
	}
	
div.mds_bdl5_gray{
	border-left:5px solid #dddddd;
	margin:0;
	padding:0 0 0 7px;
	color:#666666;
}


/*************************************************************************
ヘッダーエリア*/

div.area_head {
	text-align:center;
	margin:0;
	padding:0;
}
div.area_head .logo {
	float:left;
	margin:0;
	padding:10px 0;
}
div.area_head .sublink {
	float:right;
	margin:0;
	padding:0;
	font-size:80%;
	}
div.area_head .sublink ul.hd{
margin:0px;
padding:0px;
list-style:none;
}
div.area_head .sublink ul.hd li{
	float:right;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	border-right:1px solid #4574B4;
	}
div.area_head .sublink ul.m_link li{
	float:right;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
}


/*************************************************************************
左エリア*/

div.area_l a{
	text-decoration:none;
}
div.area_l a:hover{
	text-decoration:underline;
}
div.area_l .m_grp_link a{
	border-top:2px solid #FFCC00;
	background-image:url(../img/common/m_grp_link.jpg);
	background-repeat:repeat-y;
	margin:0;
	padding:3px 10px;
	color:#FFFFFF;
	display: block
}
div.area_l .m_grp_link a:hover{
	background-image:none;
	background-color:#66F;
	color:#FFFFFF;
}
div.area_l .m_grp {
	border-top:2px solid #FFCC00;
	background-color:#97BAF0;
	margin:0;
	padding:3px 10px;
	color:#FFFFFF;
}
div.area_l ul.m_link_sub li {
	padding:1px 5px 0 8px;
	margin:0;
	background-image:none;
	font-size:87%;
}
div.area_l ul.emp_link {
	margin:0px;
padding:0px;
list-style:none;
}
div.area_l ul.emp_link li a{
	padding:3px 3px 3px 20px;
	margin:0;
background:url(../img/common/ico_link_ylw_main.gif) no-repeat 5px 7px;
border-bottom:1px dotted #cccccc;
display:block;
}
div.area_l ul.emp_link li a:hover{
	background-color:#eeeeee;
	color:#0033cc;
display:block;
}
div.area_l ul.emp_link li:first-child{
border-top:1px dotted #cccccc;
}

/*qrコード部*/

div.qr_frm{
	margin:15px 0 0 0;
	padding:10px;
	text-align:center;
	border:2px solid #97BAF0;
	background-color:#FFFFFF;
}


/********************************************************************
footer
*********************************************************************/
div#area_footer_ok {
	clear:both;
	margin:0 auto;
	padding:20px 0 5px 0;
	text-align:center;
	font-size:90%;
}
div#area_footer {
	clear:both;
	margin:0 auto;
	padding:10px 0 5px 0;
	text-align:center;
	font-size:90%;
}
div#area_footer a { 
padding:0px 3px;
}


div.cr_okwave{
	margin:20px 0 0 0;
	padding:10px 0 0 0;
}

div.area_qa .cr_okwave{/*トップページ用*/
	margin:10px 0 0 0;
	padding:8px;
	background-color:#FFFFFF;
	-webkit-border-radius: 6px;
-moz-border-radius:6px;
}

div.area_qa #area_footer_ok {
	text-align:left;
}


/*コピーライト表記*/
div.cr {
	padding:10px 0;
	margin:10px 0 0 0;
	border-top:1px solid #dddddd;
	text-align:center;
}


/********************************************************************
お知らせ
*********************************************************************/

div.news {
	width:690px;/*newsのbox幅指定*/
	margin:0 auto;
	padding:0px;
}
/*左サイド*/
div.news .l{
float:left;
	width:570px;
	margin:0px;
	padding:0px 19px 0px 0px;
}

/*右サイド　アーカイブリスト*/
div.news .r{
float:right;
width:100px;
	margin:0px;
	padding:0px;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background-color:#FFFFFF;
}

div.news .r a{
text-decoration:none;
}
div.news .r ul{
margin:0px;
padding:0px;
list-style:none;
font-family:verdana,arial;
}
div.news .r ul.reflect_archive{
padding:0px 5px;
margin:0px;
}
div.news .r li.reflect_year{
padding:3px 0px;
margin:0px;
font-weight:normal;
color:#666666;
border-bottom:2px solid #dddddd;
}
div.news .r li.reflect_year ul{
padding:0px;
margin:5px 0px 0px 0px;
}
div.news .r li.reflect_month{
padding:3px 0px;
margin:0px;
font-weight:normal;
border-top:1px dotted #dddddd;
}

div.news dl {
	padding:0;
	margin:0;
}
div.news dl:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
div.news dt {
	float:left;
	clear:both;
	width:10%;
	color:#BAC3DD;
	margin:0;
	padding:0 5px 10px 0;
/*	font-size:90%;*/
	font-family:verdana,arial;
	line-height:130%;
}

div.news dd {
	float:left;
	width:89%;
	margin:0;
	padding:0 0 10px 0;
	line-height:130%;
}

div.news p{
padding:5px 0px;
margin:0px;
}

div.news .l dt {
width:14%;
}
div.news .l dd {
width:85%;
}


/*NEWS詳細ページ*/
div.news .news_dtl dl {
	padding:0px;
	margin:0;
}
div.news .news_dtl dt {
	float:none;
	width:300px;
	font-family:verdana,arial;
	margin:0;
	padding:0 5px 0px 0;
}
div.news .news_dtl dd {
	float:none;
	margin:0;
	padding:0;
	width:100%;
	line-height:160%;
}
div.news news_dtl h3{
border-left:5px solid #cccccc;
padding:0px;
margin:0px;
background-image:none;
border:none;
}
div.news news_dtl .news_t{
	margin:0;
	padding:10px 0 0 0;
}

/*改ページ処理*/
.dt_page{
/*border:1px solid #999999;*/
background-color:#eeeeee;
margin:20px 0px 0px 0px;
padding:5px 10px;
font-family:verdana,arial;
text-align:center;
font-weight:bold;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.dt_page a{
	font-weight:normal;
}
.dt_page a.ditto_page{
padding:2px 5px;
margin:0px 5px;
border:1px solid #cccccc;
background-color:#ffffff;
}
.dt_page a:hover .ditto_page{
background-color:#0033fF;
}
.dt a.ditto_currentpage{
font-weight:bold;
padding:0px 2px;
margin:0px 5px;
}




/********************************************************************
 プリント用CSS設定
*********************************************************************/

@media print {
div#area_container {
	width:700px;
  margin:0 auto 0 auto;
}
div#main {margin-left:10px;}

div.area_nav {
	width:0;
}
div#lmenu ul li { display:none; font-weight:bold;}

}


/********************************************************************
 表組の修飾
*********************************************************************/
/*tableタグにclassをあてていただくと、グレイのラインでデザインした表を作成いただけます。*/

/*基本*/
table.tbl_bs{
background-color:#eeeeee;
border:1px solid #dddddd;
width:100%;
margin:3px 0px;
}
table.tbl_bs td {
background-color:#FFFFFF;
padding:5px;
vertical-align:top;
}
table.tbl_bs th {
background-color:#eeeeee;
padding:5px;
text-align:left;
vertical-align:top;
font-weight:normal;
width:100px;/*幅の固定*/
}

table.tbl_bs td.tbl_b{
font-weight:bold;
}
table.tbl_bs td.tbl_m_conf{
font-weight:bold;
background:#eeeeee;
color:#660066;
}



/*************************************************************************
floatの解消
**************************************************************************/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/********************************************************************
 共通エレメント
*********************************************************************/
/*ボーダーのデザインなどを設定しています。*/

/*注意文字の指定*/
.t_atn{
color:#CC0000;
}

/*ページトップへ*/
div.pgtp{
margin:10px 0px 0px 0px;
text-align:right;
}

/*ボーダーデザイン設定*/

div.bdr_1_bs_dot{
	border:1px dotted #cccccc;
	margin:10px 0 0 0;
	padding:10px;
}
div.bdr_2_bs_dot{
	border:2px dotted #cccccc;
	margin:10px 0 0 0;
	padding:10px;
}
div.bdr_1_bs_sld{
	border:1px solid #cccccc;
	margin:10px 0 0 0;
	padding:10px;
}

div.bdr_top_1_bs_dot{
	border-top:1px dotted #cccccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
div.bdr_top_2_bs_dot{
	border-top:2px dotted #cccccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
div.bdr_top_1_bs_sld{
	border-top:1px solid #cccccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}


/********************************************************************
 共通マージンタイプ
*********************************************************************/
/*等間隔で隙間をとって整えたい場合などに便利なclass設定です。*/

div.mgb0{margin-bottom:0 !important;}
div.mgb5{margin-bottom:5px !important;}
div.mgb10{margin-bottom:10px !important;}
div.mgb15{margin-bottom:15px !important;}
div.mgb20{margin-bottom:20px !important;}
div.mgb30{margin-bottom:30px !important;}

div.mgt0{margin-top:0 !important;}
div.mgt5{margin-top:5px !important;}
div.mgt10{margin-top:10px !important;}
div.mgt15{margin-top:15px !important;}
div.mgt20{margin-top:20px !important;}
div.mgt30{margin-top:30px !important;}

div.mgl0{margin-left:0 !important;}
div.mgl5{margin-left:5px !important;}
div.mgl10{margin-left:10px !important;}
div.mgl15{margin-left:15px !important;}
div.mgl20{margin-left:20px !important;}
div.mgl30{margin-left:30px !important;}

div.mgr0{margin-right:0 !important;}
div.mgr5{margin-right:5px !important;}
div.mgr10{margin-right:10px !important;}
div.mgr15{margin-right:15px !important;}
div.mgr20{margin-right:20px !important;}
div.mgr30{margin-right:30px !important;}

div.mgn0{margin:0 !important;}

div.pdt0{padding-top:0 !important;}
div.pdt5{padding-top:5px !important;}
div.pdt10{padding-top:10px !important;}
div.pdt15{padding-top:15px !important;}
div.pdt20{padding-top:20px !important;}
div.pdt30{padding-top:30px !important;}

div.pdb0{padding-bottom:0 !important;}
div.pdb5{padding-bottom:5px !important;}
div.pdb10{padding-bottom:10px !important;}
div.pdb15{padding-bottom:15px !important;}
div.pdb20{padding-bottom:20px !important;}
div.pdb30{padding-bottom:30px !important;}

div.pdl0{padding-left:0 !important;}
div.pdl5{padding-left:5px !important;}
div.pdl10{padding-left:10px !important;}
div.pdl15{padding-left:15px !important;}
div.pdl20{padding-left:20px !important;}
div.pdl30{padding-left:30px !important;}


div.pdr0{padding-right:0 !important;}
div.pdr5{padding-right:5px !important;}
div.pdr10{padding-right:10px !important;}
div.pdr15{padding-right:15px !important;}
div.pdr20{padding-right:20px !important;}
div.pdr30{padding-right:30px !important;}

div.pad0{padding:0 !important;}


/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
div.clearBoth{clear:both;}
div.floatLeft{float:left;}
div.floatRight{float:right;}
div.alignLeft{text-align:left;}
div.alignRight{text-align:right;}

div.clerig { clear: right; }
div.clebot { clear: both; }

<!--[if lt IE 6.0]>
<link rel="stylesheet" href="common_ie.css" type="text/css" />
<![endif] -->