@charset "SHIFT_JIS";

body { color: #323232; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif; background-color: #d7f0dc; background-image: url("../images/bg-page_02.jpg"); background-repeat: repeat-y; background-position: center top; text-align: center; margin: 0; padding: 0; }

table#container { background-color: #fff; margin: 0 auto; }
div#bg-container { background-image: url("../images/bg-page_01.jpg"); background-repeat: no-repeat; background-position: center top; padding-top: 25px; height: 370px; }


/* 見出し設定
-----------------------------------------------------*/
h1 { margin: 0; padding: 0; position: relative; left: 10px; float: left; }
h2 { margin: 0 0 20px; padding: 0; }
h3 { color: #042946; font-size: 0.875em; line-height: 1.4em; background-image: url("../images/bg-h3.gif"); background-repeat: no-repeat; background-position: left center; text-align: left; margin: 2em 0 0; padding: 7px 0 7px 20px; clear: both; }
h3 span { font-size: 0.875em; }
h4 { color: #25567d; font-size: 0.875em; line-height: 1.4em; background-image: url("../images/bg-dotline.gif"); background-repeat: repeat-x; background-position: left bottom; text-align: left; margin: 1.5em 0 0; padding: 0 0 3px 10px; clear: both; }
h5 { font-size: 0.88em; line-height: 1.4em; text-align: left; margin: 1em 0 0; padding: 0; }
td#top-contents-left h2 { margin: 10px 0 0; padding: 0; }
td#top-contents-right h2 { margin: 10px 0 0; padding: 0; }

h3.h3_1{margin:0;padding:0}
h4.h4_1{margin:0;padding:0}

/* テキストリンク設定
-----------------------------------------------------*/
a:link { color: #03f; text-decoration: none; }
a:visited { color: #03f; text-decoration: none; }
a:hover { color: #f60; text-decoration: none; }
a:active { color: #03f; text-decoration: none; }


/* 段落設定
-----------------------------------------------------*/
p { font-size: 0.75em; line-height: 1.5em; text-align: left; margin: 0.6em 0 0; padding: 0; }
p.text { margin-right: 10px; margin-left: 10px; }


/* 基本リスト設定
-----------------------------------------------------*/
ol.base { font-size: 0.75em; line-height: 1.4em; text-align: left; margin: 0.6em 0 0 35px; padding: 0; }
ol li { margin-bottom: 0.3em; }
ul.base { font-size: 0.75em; line-height: 1.4em; text-align: left; list-style-image: url("../images/mk-base.gif"); margin: 0.6em 0 0 25px; padding: 0; }
ul li { margin-bottom: 0.3em; }


/* ヘッダ
-----------------------------------------------------*/
td#header { background-image: url("../images/bg-header.jpg"); background-repeat: no-repeat; background-position: 275px top; }
div#contact { padding: 0; position: relative; right: 10px; float: right; }


/* ボディ
-----------------------------------------------------*/
td#contents { text-align: center; vertical-align: top; }
div.contents-body { text-align: center; margin: 0 auto; width: 740px; }


/* フッタ
-----------------------------------------------------*/
td#footer { background-color: #d8ecf1; padding: 10px; border-top: 1px solid #93bdca; }
p#copyright { color: #2a4c57; font-size: 0.75em; font-family: Arial, sans-serif; text-align: right; }
address { color: #2a4c57; font-size: 0.75em; font-style: normal; line-height: 1.4em; text-align: right; margin-bottom: 15px; }


/* 新着情報
-----------------------------------------------------*/
div#whats-new { background-color: #fff; padding: 5px; border: solid 1px #7f8cba; }
div#whats-new div.inner { background-color: #fff; height: 200px; overflow: auto; }
div#whats-new div.inner ul { font-size: 0.75em; line-height: 1.4em; text-align: left; list-style-type: none; list-style-image: url("../images/mk-base.gif"); margin: 5px 5px 5px 20px; padding: 0; }
div#whats-new div.inner li { margin-bottom: 0.6em; padding-bottom: 0.2em; }
div#whats-new div.inner li span { color: #af0000; }


/* トップページ設定
-----------------------------------------------------*/
table#top-contents { margin-right: auto; margin-bottom: 10px; margin-left: auto; }
td#top-contents-left { vertical-align: top; }
td#top-contents-right { vertical-align: top; }
div.top-sub { background-color: #e6e6e6; border: solid 1px #a4a4a4; }
div.top-sub div.inner { background-color: #fff; text-align: center; margin: 5px; padding-top: 5px; padding-bottom: 5px; }
div.top-sub div.inner table { margin-right: auto; margin-bottom: 10px; margin-left: auto; }
div.top-about { background-repeat: repeat-x; background-position: left top; text-align: center; margin-bottom: 1em; padding: 5px; border: solid 1px #74caa8; }
p.top-banner { text-align: center; margin: 0 0 5px; padding: 0; }
p.bosyu { margin: 5px 10px; }


/* 記者発表資料
-----------------------------------------------------*/
ul.kisya { list-style-image: url("../images/mk-base.gif"); margin: 0 10px 0 25px; padding: 0; }
ul.kisya li { font-size: 0.75em; line-height: 1.4em; background-image: url("../images/bg-dotline.gif"); background-repeat: repeat-x; background-position: left bottom; text-align: left; margin-bottom: 1em; padding-bottom: 2px; }


/* 画像配置
-----------------------------------------------------*/
img.ph-top { margin-right: 3px; border: solid 1px #303030; }
div.ph-image { color: #727272; font-size: 0.625em; line-height: 1.4em; text-align: right; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; float: right; }
div.image { margin-right: auto; margin-left: auto; clear: both; }
div#challenge { background-image: url("../images/bg-challenge.gif"); background-repeat: no-repeat; background-position: left top; }


/* デザインボックス
-----------------------------------------------------*/
div.box1 { background-color: #e8f6e8; margin-top: 0.5em; margin-bottom: 0.5em; padding: 8px; clear: both; border: solid 1px #c4e6c4; }
div.box2 { background-color: #f1fbff; margin-top: 1em; margin-bottom: 1em; padding: 8px; border: solid 1px #c0dbe6; }
div.box1 ol { font-size: 0.75em; line-height: 1.4em; text-align: left; margin: 0 0 0 25px; padding: 0; }
div.box1 ol li { margin-bottom: 0.3em; }


div.box_left{ width:360px;float:left}
div.box_right{ width:360px;float:right}
div.box3 {background-color: #F6FDFF;margin-top: 0.5em;margin-bottom: 1em;padding: 8px;border: solid 1px #c0dbe6;}
div.box3 .box_img{padding:5px 0;float:left;}
div.box3 .box_img img{padding:8px 0 0}
div.box3 .box_img2{padding:13px 13px 5px 13px;}
div.box3 .box_img2 p{text-align:center}
div.box3 p.center{text-align:center;margin:0;padding:0;font-size:60%;clear:both}
div.box3 p.center2{text-align:center;margin:0;padding:0;clear:both}
div.box3:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}  /*clearfix*/

div.box3 .left2{float:left;width:150px;padding:0 14px}
div.box3 .left2 p, 
div.box3 .right2 p{text-align:center}
div.box3 .right2{float:right;width:150px}



div.box_ipin{background-color: #F6FDFF;margin-top: 0.5em;margin-bottom: 1em;padding: 8px;border: solid 1px #c0dbe6;}
div.box_small{width:160px;text-align:center;padding:0 10px 30px 10px;float:left}
div.box_small h4{margin:0;padding:0 0 2px 5px}
div.box_small p{text-align:center}
div.box_small p.center{text-align:center;margin:0;padding:3px 0 0 0;font-size:60%}


.clr{clear:both;border-bottom:1px solid #25567d;margin-bottom:2em}
.clr2{clear:both;margin-bottom:2em}


/* ページの先頭へ
-----------------------------------------------------*/
p#pagetop { text-align: right; margin: 25px auto 10px; width: 760px; clear: both; }