@charset "utf-8";

/* 基本カラー　#3366CC */

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

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

a{
	outline:none;
	color:#332396;/*リンク色指定*/
	text-decoration:underline;
	}
	
a:hover{
	color:#0141FF;/*マウスオーバー色指定*/
	text-decoration:underline;
	}
	
body#all{ background-color:#eee; background-image:url(../img/common/bk.jpg); background-repeat:repeat-x;}

body a img{ border:none;}


/*************************************************************************
基本設定
**************************************************************************/
div#all_container{
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:1100px; min-width:740px;
	background:url(../img/common/head_bk.jpg) no-repeat;
	text-align:center;
	}

div#area_container {
width:100%;
max-width:920px; min-width:740px;/* ヘッダー以下のコンテンツ：最大、最小サイズ */
margin:0 auto; padding:0;
background-color:#FFFFFF;
background:url(../img/common/bk_l.jpg) top left;
background-repeat:repeat-y;
height:100%;
}
div#area_container_in {
	padding:0 0 0 20px;
	background:url(../img/common/bk_r.jpg) top right;
background-repeat:repeat-y;
background-color:#fff;
height:100%;
}

/*************************************************************************
head area*/

div#header { width:100%;max-width:920px; min-width:740px;/* ヘッダー：最大、最小サイズ */
 height:120px; margin:0 auto; padding:0; clear:both;  }
 
div.header_logo { margin:0; padding:10px 0; width:300px;	float:left; }
div.header_bt {margin:0; padding:0; float:right; text-align:right;}
div.header_bt img{ margin:0; padding:0;}
div.header_bt img.ico_bt{border-left:1px solid #fff; padding:10px 15px;}


/*************************************************************************
コンテンツエリア*/

div#area_contents { 
margin:20px 20px 0 0;
background-color:#FFFFFF;
background:url(../img/common/nav_bk.jpg) top left repeat-y;
text-align:left;
}

div#area_frm{width:100%; float:right; margin-left: -220px; /* ネガマージン */ }
div#area_nav {float:left; width:220px;margin:0;padding:0;text-align:left;}
div#area_main {position: relative; margin: 0 0 0 220px; /* リキッド部のマージン */}

/* 記事部 */
div#area_main_in { margin:0; padding:0 0 0 20px;}

div#area_main .ttl{/* コーナータイトル */
 background:url(../img/common/ttl_bk.jpg);
 color:#fff;
 font-size:180%;
 font-weight:bold;
 padding:30px;
 text-align:right;
 border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
/* シャドウ */
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
 }


div.brd_link{padding:5px 0 0 0; margin:0 0 20px 0; font-size:86%;}

div.area_socialbtm{
	margin:20px 0 0 0; padding:0; text-align:right;}

div.area_socialbtm img{ border:none;}

/********************************************************************
footer
*********************************************************************/
div#area_footer { clear:both; margin:0; padding:20px 0;text-align:center;}
div#area_footer .nm{ font-size:120%; font-weight:bold;}

/*コピーライト表記*/
div#area_footer .cr {margin:10px 0 30px 0; padding:5px 10px; background-color:#eee; font-size:86%; font-family:Verdana, Geneva, sans-serif; }


/********************************************************************
/* タイトル見出し
*********************************************************************/

/********************************************************************
/* main内の見出し
*********************************************************************/

h1 { color:#666; line-height:125%;}

h2 { padding:0 10px; line-height:125%;}

h3 {margin:10px 0; padding:0;}

h3.first { margin:0 0 10px 0; padding:0;}

h4 {margin:10px 0; padding:0;}

h4.first { margin:0 0 5px 0;}

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

/*---------- navarea banner -----------*/
div#area_nav .bnr_area{ margin:20px 0 0 0; padding:15px 0 0 0; border-top:1px solid #ccc;}
div#area_nav .bnr_area img{ margin-bottom:10px;}


/********************************************************************
/* エレメント指定
*********************************************************************/

/** --------------------------------------------------------------------------
 * 画像　変動リスト frm_list
 * ------------------------------------------------------------------------ */
div.frm_list h3{}
div.frm_list img{float:right; margin:0 0 0 10px;padding:0;text-align:left;}


/** --------------------------------------------------------------------------
 * 画像付きリスト frm_list_ph
 * ------------------------------------------------------------------------ */

div.frm_list_ph .list_cnt{width:100%; float:right; margin-left:-100px;}
div.frm_list_ph .list_cnt_t{position: relative; margin: 0 0 0 100px;}
div.frm_list_ph .list_ph{float:left; width:90px;margin:0;padding:0;text-align:left;}

div.frm_list_ph .list_cnt h3{}
div.frm_list_ph .list_cnt h3 a{}


/** --------------------------------------------------------------------------
 * リスト装飾 */
  
/* 1pxグレイ　ソリッドフレーム  */
div.frm_line_solid_gray .frm_list, div.frm_line_solid_gray .frm_list_ph {
	padding:10px;
	border:1px solid #eee;
	margin:0 0 10px 0;
}

/* 1pxグレイ　ドットフレーム  */
div.frm_line_dot_gray .frm_list, div.frm_line_dot_gray .frm_list_ph {
	padding:10px;
	border:1px dotted #eee;
	margin:0 0 10px 0;
}

/* 角丸フレーム付与  */
div.frm_circle .frm_list, div.frm_circle .frm_list_ph {
	padding:15px;
	margin:0 0 10px 0;
	background-color:#EFF3FF;/* 背景色 */
	 border-radius:8px;;/* 角丸のサイズ */
-webkit-border-radius:8px;
-moz-border-radius:8px;
}

/** --------------------------------------------------------------------------
 * アコーディオン .accordion
 * ------------------------------------------------------------------------ */

dl.accordion dt {
	cursor:	pointer;
	padding:10px;
	margin:0 0 5px 0;
}
dl.accordion dt.opened {
}

dl.accordion dd{
	margin:10px 0;
	padding:0 0 0 30px;
}
dl.accordion dd p{ margin:0; padding:10px 0 0 0;}



/** --------------------------------------------------------------------------
 * フロートレイアウト　float
 * ------------------------------------------------------------------------ */

.l{float:left;}
.r{float:right;}
.t_atn{color:#CC0000;}

.img_pdr_10{ padding:0 10px 0 0;}
.img_pdl_10{ padding:0 0 0 10px;}


/** --------------------------------------------------------------------------
 * 基本エレメント
 * ------------------------------------------------------------------------ */
 
/* ページトップへ */
#pgtp{margin:10px 0px 0px 0px; text-align:right;}

/* 角丸ボックス */
.box_base{
	background-color:#eee;
	padding:10px;
	border-radius:6px;/* 6px角丸 */
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

/* ログアウト */
.logout{ text-align:right;}
.logout img{ margin:0 0 15px 0; }/* ログアウトボタン */


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

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



/********************************************************************
 リストの修飾
*********************************************************************/
 ul{/* ulデフォルト設定 */
margin:0;
padding:0;
list-style:none;
}
ul li{
padding:0px 0px 0px 10px;
background:url(../img/ico/ico_link_ul.gif) no-repeat 0px 5px;
margin:3px 0px;
}
ul.link_bs li a{
font-weight:normal;
}

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



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

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


/********************************************************************
 共通マージンタイプ
*********************************************************************/

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.pad10{padding:10px !important;}
div.pad20{padding:20px !important;}

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