﻿@charset "utf-8";
/* CSS Document */


/* -----------------------------------------------
                2010 release
   ----------------------------------------------- */
   
@import "reset.css"; 

body#release-body
{	
/*	background-image: url(../img/body_bg_002.gif);*/
	background-image: none;
	background-position: top center;
	background-repeat: repeat-y;
}

body#release-body #structure-base
{
	padding:0;
	margin:0 auto;
	text-align:center;
}

/*body#release-body #header-area 
{
	width: 736px;
	margin:0 auto;
}

body#release-body #header-area h1#top img
{
padding:0;
margin:0 0 0 -75px;
}


body#release-body #header-area 
{
	width: 900px;
	margin:0 auto;
	text-align:center;
	border-bottom: 1px solid #999999;
}*/

/*#header-area ul#global-nav
{
	width: 737px;
}

body#release-body #header-area ul#global-nav
{
	margin:0 auto;
	width: 740px;
	border-bottom: none;
}*/

body#release-body #header-area h1#top img
{
padding:0;
margin:0 0 0 -75px;
}

*:first-child+html body#release-body #header-area h1#top {
margin:0 0 0 -704px;
}

* html body#release-body #header-area h1#top {
margin:0 0 0 -704px;
}

body#release-body div.structure {
	width: 900px;
	text-align:center;
}


/*body#release-body #footer-area
{
	margin:70px auto 0;
}

body#release-body #footer-area #utility-links ul
{
	width:900px;
}

body#release-body #footer-area #utility-links-addition 
{
	right: 329px;
}

body#release-body #footer-area #utility-links-search 
{
	right: 82px;
}

body#release-body #footer-area #utility-links-addition 
{
	right: 247px;
}

body#release-body #footer-area #utility-links-search 
{
	right: 0px;
}

body#release-body #utility-links-pagetop
{
	right:0px;
}

a:link {	color: #3264c7; text-decoration:none;}
a:visited {	color: #9951b4; text-decoration:none;}
a:active {	color: #3264c7; text-decoration:none;}
a:hover {	color: #ff3030; text-decoration:underline;}	  

/* =========== clearfix style =========== */ 


.clearfix {
	clear:both;
}


#release
{
	font-family:"ヒラギノ角ゴ Pro W3", Meiryo, Arial, sans-serif;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

#release strong
{
	color:#2f2f2f;
}


.txt-normal
{
	font-weight:normal;
	font-size:90%;
}

.txt-normal_s
{
	font-weight:normal;
	font-size:80%;
}

.txt-s
{
	font-size:90%;
}

.txt-normal_ss
{
	font-weight:normal;
	font-size:70%;
}

.txt-top
{
	vertical-align:text-top;
}

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

}

a.link-l
{
	padding-left:16px;
	background:url(../img/icon_link-left.gif) no-repeat 2px 4px;
}

a.mail
{
	padding-left:20px;
	background:url(../img/icon_mail.gif) no-repeat 0 3px;
}

.read-text
{
	background:url(../img/border_dot.gif) repeat-x 0 100%;
	padding-bottom:10px;
	margin-bottom:20px;
}

.txt-right
{
	text-align:right;
}

h1
{
}

h2
{
	background:#848484;
	color:#ffffff;
	margin:0 0 15px;
	padding:4px 15px 3px;
	text-align:left;
	font-size:110%;
	font-weight:bold;
}

h2.h2-style01,
h3
{
	padding:0 0 4px 2px;
	background:url(../img/border_solid-r_b.gif) no-repeat 0 100%;
	font-size:110%;
	color:#000000;
	margin:0 0 10px;
	text-align:left;
	font-weight:bold;
}

h4
{
	padding-left:17px;
	background:url(../img/icon_s-black.gif) no-repeat 1px 3px;
	font-size:110%;
	color:#2f2f2f;
	margin:0 0 10px;
	line-height:130%;
	text-align:left;
	font-weight:bold;
}

table
{
	width:100%;
	background-color:#cccccc;
	border:5px solid #cccccc;
	border-collapse:separate;
	border-spacing:1px;
}




table th
{
	border:1px solid #ffffff;
	background:#efefef;
	color:#000000;
	text-align:center;
	margin:1px;
	padding:7px;
	font-weight:bold;
	vertical-align:middle;
}

table td
{
	border:1px solid #ffffff;
	padding:7px;
	background:#ffffff;
	vertical-align: middle;
}


table td.td2
{
	background:#cacaca;
	color:#545454;
}


table .table-left
{
	text-align:left;
}

.center
{
	text-align:center;
}

.img-center
{
	margin:0 auto 30px;
	text-align:center;
	font-size:90%;
}





.img-left
{
	float:left;
	margin:0 20px 15px 0;
	text-align:center;
	font-size:90%;
}


.img-left1
{
	float:left;
	margin:0 10px 10px 0;
	text-align:center;
	font-size:90%;
}


.img-left2
{
	float:left;
	margin:0 50px 55px 0;
	text-align:center;
	font-size:90%;
}



.img-center1
{
	margin:10 auto 10px;
	text-align:center;
	font-size:90%;

}




.img-right
{
	float:right;
	margin:0 0 15px 20px;
	text-align:center;
	font-size:90%;
}


#panNavi li.sp {
	display: none;
}

#release #release-main .img-center,
#release #release-main .img-left img,
#release #release-main .img-right img
{
	margin-bottom:3px;
}

#release #release-main p.img-tit
{
	font-size:120%;
	text-align:left;
}

#release #release-main ruby 
{
ruby-align: distribute-space;
ruby-overhang: auto;
ruby-position: above;
}

#release #release-main .new
{
	font-weight:bold;
	color:#ff0101;
	padding-left:10px;
}

#release #release-main ol
{
	padding-left:25px;
}

#release #release-main ol li
{
	margin-bottom:5px;
}

#release #release-main ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#release #release-main ul li
{
	padding-left:20px;
	margin-bottom:5px;
	background:url(../img/icon_c-d.gif) no-repeat 5px 5px;
}

#release #release-main ul.ul-link01
{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

#release #release-main ul.ul-link01 li
{
	padding-left:15px;
	margin-bottom:2px;
	background:url(../img/icon_link-left.gif) no-repeat 2px 5px;
}

#release #release-main ul.ul-c-green
{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

#release #release-main ul.ul-c-green li
{
	padding-left:15px;
	margin-bottom:2px;
	background:url(../img/icon_c-green.gif) no-repeat 2px 5px;
}


.kanren-box
{
	border:3px solid #fe0000;
	background:#FFE4C4;
	font-weight:bold;
	padding:13px 13px 3px 13px;
	margin-bottom:5px;
}

.left
{
	float:left;
	width:358px;
}

.right
{
	float:right;
	width:358px;
}

.section20-border
{
	padding-bottom:10px;
	background:url(../img/border_dot.gif) repeat-x 0 100%;
}

.section-10{margin-bottom:10px;}
.section-20{margin-bottom:20px;}
.section-30{margin-bottom:30px;}
.section-40{margin-bottom:40px;}

#release ul.topics
{
	margin:0;
	padding:0;
	list-style:none;
}

#release ul.topics li
{
	background:url(../img/border_dot.gif) repeat-x 0 100%;
	margin-bottom:5px;
	padding-bottom:5px;
}

p.topics-left
{
	width:100px;
	float:left;
	padding-left:17px;
	margin-bottom:0;
	background:url(../img/icon_s-red.gif) no-repeat 7px 6px;
	color:#942525;
}

p.topics-right
{
	width:540px;
	float:right;
	margin-bottom:0;
}


#release-top-main
{
	width:670px;
	float:right;
	text-align:left;
}

#release-top-main h2{
	position:relative;
	
	
}


#release-top-main h2 span{
	position:absolute;
	top:5px;
	right:5px;
}
#release-top-main h2 span img{
	vertical-align:top;
}
#pan-list
{
	text-align:left;
	font-size:80%;
	margin:10px 0;
}

#release-main
{
	width:699px;
	float:right;
	text-align:left;
	border-top:8px solid #848484;
}


#release-main-inner
{
	padding:18px 0 0 29px;
	text-align: left;
}

#release-main h1
{
	border-top:1px solid #1a1a1a;
	border-bottom:1px solid #1a1a1a;
	font-size:150%;
	line-height:160%;
	padding:18px 0;
	font-weight:bold;
	margin:0 0 8px;
}

#release-main h1 .gosankou
{
	display:block;
	font-size:70%;
	color:#666;
}

#release-main h1 .txt-s
{
	font-size:75%;
}
#release-main-inner ol
{
	list-style-type:decimal;
}
#release-main p.textArea{
	text-indent:1em;
	margin-bottom:20px;	
}
#release-main p.entry-date
{
text-align:right;
font-size:95%;
line-height:150%;
margin-bottom:35px;
}

#release-main dl.contact
{
	border:1px solid #1a1a1a;
	margin-bottom:5px;
}

#release-main dl.contact dt
{
	border-bottom:1px solid #1a1a1a;
	background:#e3e3e3;
	color:#2f2f2f;
	padding:2px 0;
	text-align:center;
}

#release-main dl.contact dd
{
	padding:12px;
	line-height:170%;
}

#release-main dl.contact dd span.tel
{
	margin-right:26px;
}

#side
{
	width:200px;
	float:left;
	text-align:left;
}

#side h3.side-tit
{
	background-image:none;
	padding:0;
	margin:0 0 1px;
}

#release-side
{
	border:1px solid #c5c5c5;
	margin-bottom:11px;
}


* html #release-side {
	width:198px;
}

#release-side h4.side-tit
{
	background:#e3e3e3;
	font-weight:normal;
	font-size:100%;
	color:#3b3b3b;
	padding:3px 7px;
	margin:0;
}

#release-side ul.side-ul-1,
#release-side ul.side-ul-2
{
	list-style:none;
	width:200px;
	margin:0;
	padding:0;
}

* html #release-side ul.side-ul-1,
* html #release-side ul.side-ul-2
 {
	width:198px;
}

#release-side ul.side-ul-2
{
	margin:3px 0 0;
}

#release-side ul.side-ul-1 li
{
	border-bottom:1px solid #c5c5c5;
	padding:3px 0;
	margin:0;
}

#release-side ul.side-ul-1 li.last
{
	border-bottom:none;
}

#release-side ul.side-ul-1 li a
{
	padding-left:20px;
	display:block;
	background:url(../img/icon_link-left.gif) no-repeat 7px 4px;
}

#release-side ul.side-ul-2 li
{
	background:url(../img/border_dot.gif) repeat-x 0 0;
	padding:3px 0;
	border:none;
	margin:0;
}


#release-side ul.side-ul-2 li a
{
	display:block;
	padding-left:30px;
	background:url(../img/icon_link-left2.gif) no-repeat 20px 6px;
}


#footer-area #utility-links-search input#i_search_input {
font-size:60%;
line-height:100%;
}


p.pagetop-link
{
	font-size:76%;
}


img.icon-pdf
{
	vertical-align:top;
	padding-left:3px;
}


div#searchBox_release{
	width:900px;
	height:29px;
	background: url(../../release/img/serchNews_bg.gif) no-repeat 0 0;
	margin:20px 0;
	padding:6px 0 0;
}

div#searchBox_release .sbInnner{
	display:block;
	width:470px;
	margin:0 auto;
	position:relative;
    background: url(../../release/img/serchForm_bg.gif) no-repeat 0 0;
    height: 25px;
    position: relative;

}

div#searchBox_release input.searchtext
{
	width:290px;
	padding:0 0 0 0;
	margin:0;
	position:absolute;
	top:1px;
	left:125px;
	color:#484848;
	background:#fff!important;
	font-size:12px;
	border:none!important;
	
}

div#searchBox_release input.searchbtn
{
	position:absolute;
	top:0px;
	right:0px;	
}

div#sp-searchBox_release{
	display: none;
}

.ocBtn {
	display: none;
}
div.video-container {
	width: 560px!important;
	height: auto;
	margin: 0 auto;
} /* html 上で 別のサイズのwidth を指定する場合は、「.video-container」のついた要素に指定しなくては動作しない（親要素ではダメ） */
 
div.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

div.video iframe,
div.video object,
div.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.box20120112_01 {
	width: 460px;
}

.box20120227_01 {
	width: 670px;
}
.box20120227_01 th.r1 { width: 250px; }

.box20120227_02 {
	width: 670px;
}
.box20120227_02 th.r1 { width: 150px; }

.box20120312 {
	width: 680px;
}
.box20120312 th{ width: 200px; }

.box20120402 { width: 340px; }

.box20120516_01 {
	width: 500px;
}
.box20120516_02 {
	width: 345px;
	float: left;
}
.box20120516_02_02 {
	margin-top: 150px;
}

.box20120516_03 {
	float: left;
	width: 250px;
}
.box20120516_04 {
	float: left;
	width: 450px;
}
.box20120516_05 {
	float: left;
	width: 500px;
}
.box20120516_06 {
	float: left;
	width: 350px;
}
.box20120516_07 {
	width: 450px;
}
.box20120516_08 {
	width: 500px;
	float: left;
}
.box20120516_09 {
	width: 550px;
}
.box20120516_10 {
	width: 290px;
}
.box20120516_11 {
	width: 200px;
	float: left;
}
.box20120621 .br {
	margin-right: 15px;
}
.box20120703_01 {
	width: 350px;
	float: left;
}
.box20120709_01 {
	width: 400px;
	float: left;
}
.box20120709_02 {
	width: 450px;
	float: left;
}

.box20120718 dt {
	float: left;
}
.box20120718 dd {
	padding-left: 110px;
	margin: 0 0 10px;
}

table.box20120725 .width100{
	width: 100px;
}
table.box20120725 .width150{
	width: 150px;
}

.box20120808_01 {
	width: 400px;
	float: left;
}
.box20120809_01 {
	width: 400px;
	float: left;
}


.sageIndent20 { text-indent: -20px; margin-left: 20px; }
.sageIndent25 { text-indent: -25px; margin-left: 25px; }
.sageIndent30 { text-indent: -30px; margin-left: 30px; }
.sageIndent40 { text-indent: -40px; margin-left: 40px; }
.sageIndent40-2 { text-indent: -0px; margin-left: 40px; }
.sageIndent70 { text-indent: -70px; margin-left: 70px; }
.sageIndent75 { text-indent: -75px; margin-left: 75px; }
.sageIndent95 { text-indent: -95px; margin-left: 95px; }

.box20120831_01 {
	width: 400px;
	float: left;
}
.box20120831_02 {
	width: 450px;
	float: left;
}
.box20120906_01 {
	width: 450px;
	float: left;
}
.box20120918_01 {
	width: 400px;
	float: left;
}
.box20120918_02 {
	width: 500px;
	float: left;
}
.box20120920_01 {
	width: 300px;
	float: left;
}
.box20120921_01 {
	width: 350px;
	float: left;
}
.box20121001_01 {
	width: 350px;
	float: left;
}
.box20121018_01 {
	width: 600px;
}
.box20121214_01 {
	width: 500px;
	float: left;
}
.box20130205_01 {
	width: 450px;
	float: left;
}


.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width650 { width: 650px; }
