@charset "utf-8";
/* CSS Document */

body  {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../img/bg_pageall.gif);
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333333;
}
.mySite #container { 
	width: 750px;
	background: #FFFFFF;
	margin: 0 auto;
	padding-left:10px;
	padding-right:10px;
	border: none;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 

/* ヘッダー */

.mySite #header { 
	background:url(../img/bg_headder.gif);
	padding:30px;
} 

.siteTitleBox {
	margin: 0;
}

.siteTitle {
	font-size:26px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1.5em;
}

.siteTitleBox p {
	margin-top:0px;
	padding-top:0px;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
}

p.siteText {
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
	color:#FFFFFF;
	margin: 0;
	padding:0;
}

.mySite #header_u { 
	background:url(../img/bg_headder_u.gif);
	padding:;
	height:50px;
}

.updata {
	font-size:12px;
	font-weight:bold;
	text-align:right;
	padding-top:30px;
}

.pankuzu_navi {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding-left:30px;
	padding-top:16px;
	line-height:1.5em;
}

.pankuzu_navi a {
	text-decoration:underline;
	color:#999999;
}

.pankuzu_navi a:hover {
	text-decoration:underline;
	color:#cccccc;
}


/* サイドメニュー */

.mySite #sidebar1 {
	float: left;
	width: 185px;
	background: #FFFFFF;
	padding:0;
	margin-top:10px;
	margin-bottom:30px;
}

.L_title {
	background:url(../img/L_bg_title.gif);
	padding-left:30px;
	padding-top:8px;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:20px;
}

.L_linktext {
	background:url(../img/L_bg_linktext.gif);
	padding-top:3px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:1px;
}

.L_linktext_u {
	background:url(../img/L_bg_linktext_u.gif) no-repeat;
	margin-bottom:20px;
	height:9px;
	font-size:1px;
	text-indent:-1000px;
}

.L_linktext ul {
	background:url(../img/L_marker_linktext.gif) no-repeat;
	list-style:none;
	padding-left:0px;
	margin-left:10px;
}

.L_linktext li {
	background:url(../img/L_marker_linktext.gif) no-repeat;
	font-size:14px;
	color:#0b4588;
	line-height:1.2em;
	padding-left:25px;
	margin-left:0px;
	margin-bottom:10px;
}

.L_linktext a {
	text-decoration:none;
	color: #15499b;
}

.L_linktext a:hover {
	text-decoration:none;
	color:#73a9e7;
}

.L_subBox {
	background:url(../img/L_bg_subbg.gif);
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:1px;
}

.L_subBox_u {
	background:url(../img/L_bg_subbg_u.gif) no-repeat;
	height:5px;
	margin-bottom:5px;
	font-size:5px;
	text-indent:-1000px;
}

.L_subTitle {
	background:url(../img/L_bg_subtitle.gif);
	padding:5px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	color:#516cad;
}

.L_subBox ul {
	background:url(../img/L_marker_sublinktext.gif) no-repeat;
	list-style:none;
	padding-left:0px;
	margin-left:10px;
}

.L_subBox li {
	background:url(../img/L_marker_sublinktext.gif) no-repeat;
	list-style:none;
	font-size:12px;
	color:#6d8bd5;
	line-height:1.2em;
	padding-left:10px;
	padding-bottom:0px;
	padding-top:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:5px;

}

.L_subBox a {
	text-decoration:none;
	color: #15499b;
}

.L_subBox a:hover {
	text-decoration:none;
	color:#73a9e7;
}

/* メインコンテンツ */	

.mySite #mainContent {
	width:545px;
	margin-top: 10px;
	margin-bottom:20px;
	padding: 0;
	float:right;
}

.OneSentence {
	margin-bottom:20px;
}

.OneSentence p {
	margin-top:0px;
	font-size:14px;
	line-height:1.5em;
}

.M_title {
	line-height:1.5em;
	background:url(../img/M_bg_maintitle.gif);
	width:522px;
	height:30px;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:23px;
	padding-top:5px;
	margin-bottom:10px;
}

.M_subtitle {
	line-height:1.5em;
	background:url(../img/M_bg_columntitle.gif);
	width:533px;
	height:30px;
	font-size:16px;
	font-weight:bold;
	color:#0a2f68;
	padding-left:12px;
	padding-top:8px;
	padding-bottom:0px;
	margin-bottom:10px;
}

.M_kijiBox {
	font-size:14px;
	line-height:1.5em;
	width:355px;
	float:right;
	margin-bottom:10px
}

.M_kijiBox p {
	font-size:14px;
	line-height:1.5em;
	margin-top:0px;
}

.M_kijiBox ul {
	list-style-type: none;
	padding-left:0px;
	margin-left:0px;
}

.M_kijiBox li {
	background:url(../img/M_marker_squea.gif) no-repeat 0px 2px;
	font-size:14px;
	color:#0b4588;
	line-height:18px;
	text-indent:20px;
	margin-top:3px;
	margin-left:20px;
}


.M_column {
	background:url(../img/M_bg_scolumnbg.gif);
	width:545px;
	text-align:left;
	line-height:1.5em;
}

.M_columnTitle {
	background:url(../img/M_bg_scolumntitle.gif) bottom no-repeat;
	height:20px;
	padding-left:20px;
	padding-top:15px;
	margin-bottom:5px;
	padding-right:20px;
	font-size:14px;
	font-weight:bold;
}

.M_column p {
	text-align:left;
	margin-top:5px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:0px;
	font-size:12px;
	line-height:1.5em;
}

.M_column a {
	background:url(../img/M_marker_linktextIncolumn.gif) no-repeat 0px 2px;
	text-indent:20px;
	float:left;
	color:#754f7f;
	text-decoration:underline;
	margin-top:3px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:0px;
	font-size:12px;
}

.M_column a:hover {
	background:url(../img/M_marker_linktextIncolumn.gif) no-repeat 0px 2px;
	text-indent:20px;
	float:left;
	color:#73a9e7;
	text-decoration:underline;
	margin-top:3px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:0px;
	font-size:12px;
}

.M_column_u {
	background:url(../img/M_bg_scolumnbg_u.gif) no-repeat;
	height:16px;
}

/* フッターメニュー */
.mySite #footermenuTop {
	background:url(../img/F_bg_menu_top.gif) no-repeat top;
	height:18px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:5px;
}

.footermenu {
	background:url(../img/F_bg_menu.gif) repeat;
	text-align:center;
	font-size:12px;
	margin-top:0px;
	padding-top:0px;
}

.footermenu a {
	text-decoration:none;
	color: #15499b;
}

.footermenu a:hover {
	text-decoration:none;
	color:#6d8bd5;
}

.mySite #footermenubottom {
	background:url(../img/F_bg_menu_bottom.gif) no-repeat bottom;
	height:18px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:10px;
	font-size:5px;
}

/* フッター */
.mySite #footer {
	background:url(../img/F_bg_copyright.gif) no-repeat;
	height:45px;
	padding-top: 25px;
	padding-left:20px;
	padding-bottom:0px;
	margin-bottom:0px;
} 
.mySite #footer p {
	margin: 0;
	padding: 10px 0;
	font-size:14px;
	color:#FFFFFF
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* 親要素内にfloatが入った時に親要素がすべての内容を内包するようにするおまじない */

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/

<!--[if IE 5]>
<style type="text/css"> 
/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.mySite #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.mySite #sidebar1 { padding-top: 30px; }
.mySite #mainContent { zoom: 1; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます */
</style>
<![endif]-->

/* イメージ関連 */

img {
	border:none;
}

img.left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:none;
}

img.right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	border:none;
}

/* リンクテキスト関連 */

a {
	border:none;
}

/* 区切り線 */

.line_full {
	background:url(../img/line_big.gif) no-repeat;
	height:8px;
	margin-bottom:50px;
	margin-top:50px;
}

.line_half {
	background:url(../img/line_small.gif) no-repeat;
	height:8px;
	margin-bottom:20px;
}

/* 文字等 */


.color1 {
	color: #ffffff;
}
.red {
	color: #ff0000;
}
.blue1 {
	color: #0066cc;
}
.bold {
	font-weight: bold;
}
.bold1 {
	font-weight: bold;
	color:#6633cc;
}

dl{
	padding:5px 7px 0 7px;
	line-height:125%;
}
dt{
	background:url(../img/M_marker_linktextIncolumn.gif) no-repeat left center;
	padding-left:20px;
	font-size:12px;
}
dd{
	padding-top:5px;
	padding-bottom:17px;
	font-size:12px;
}

