@charset "utf-8";

/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");
/* IE7、IE8ではimportでの読み込みではメディアクエリが正しく表示しない */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%? 21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #4b4b4b;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* リンク
----------------------------------------------------*/
a {
}

a:link { text-decoration: none; none; color: #3d7dcc; }

a:visited { text-decoration: none; none; color: #31408a; }

a:hover { text-decoration: underline; color: #ffa500; }

a:active { text-decoration: underline; none; color: #855ebf; }

/* 画像
----------------------------------------------------*/
/*フルードイメージ*/
img,
iframe,
object {
    max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clerfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC,
.btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}

hr.line_01 {
   border:solid #999999;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
}

hr.line_02 {
   margin: 0px 30px 0px 30px;
   border:solid #555555;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
}

/* --------------------------------------------------------
margin
-------------------------------------------------------- */
.mgn_b0 { margin-bottom: 0 !important;}
.mgn_b10 { margin-bottom: 10px !important;}
.mgn_b15 { margin-bottom: 15px !important;}
.mgn_b20 { margin-bottom: 20px !important;}
.mgn_b25 { margin-bottom: 25px !important;}
.mgn_b30 { margin-bottom: 30px !important;}
.mgn_b35 { margin-bottom: 35px !important;}
.mgn_b40 { margin-bottom: 40px !important;}
.mgn_b45 { margin-bottom: 45px !important;}
.mgn_b50 { margin-bottom: 50px !important;}
.mgn_b60 { margin-bottom: 60px !important;}
.mgn_b70 { margin-bottom: 70px !important;}

.mgn_t0 { margin-top: 0 !important;}
.mgn_t10 { margin-top: 10px !important;}
.mgn_t15 { margin-top: 15px !important;}
.mgn_t20 { margin-top: 20px !important;}
.mgn_t25 { margin-top: 25px !important;}
.mgn_t30 { margin-top: 30px !important;}
.mgn_t35 { margin-top: 35px !important;}
.mgn_t40 { margin-top: 40px !important;}
.mgn_t45 { margin-top: 45px !important;}
.mgn_t50 { margin-top: 50px !important;}
.mgn_t60 { margin-top: 60px !important;}
.mgn_t70 { margin-top: 70px !important;}

.pdn_b0 { padding-bottom: 0 !important;}
.pdn_t0 { padding-top: 0 !important;}


/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/

body {
}

p.cont_text {
	font-size: 100%;
	line-height: 200%;
	color: #555555;
}

p.cont_text02 {
	font-size: 100%;
	line-height: 150%;
	color: #555555;
}

p.cont_text03 {
	font-size: 116%;
	line-height: 200%;
	color: #555555;
}

p.cont_text_mincho {
	font-size: 116%;
	line-height: 200%;
	color: #555555;
	font-family: "ＭＳ 明朝","MS Mincho","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MSメイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

.caption_text {
	margin-top: 3px;
	font-size: 93%;
	line-height: 150%;
	color: #555555;
}

p.page_top {
	text-align: right;
	margin-right: 20px;
	font-size: 93%;
	line-height: 150%;
}

/* 画像の下の隙間をなくす */
div img { vertical-align: text-bottom; }

.container {
	margin-top: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.align_right {
text-align: right;
margin-right: auto;
}

sup {
	font-size: 77%;
}

.bold_text {
	font-weight: bold;
}




ul#news_topics{
	height: 550px;
	overflow: auto;
}