@charset "utf-8";

/*========================

全ページ共通

========================*/

/*------------------------

基本設定

------------------------*/

html {
	overflow-y:scroll;
}

img {
	border:0;
	vertical-align:bottom;
}

form {
	margin:0;
	padding:0;
}

strong {
	font-weight:bold;
}

/*------------------------

マージン

------------------------*/

.dlMargin {
	height:0;
	margin-top:-10px;
	font-size:0;
}

/*------------------------

フォント

------------------------*/

.red{
	color:#DB0909;
}

.red_b{
	color:#DB0909;
	font-weight: bold;
}

.font_b {
	font-weight: bold;
}

.font_10 {
	font-size:77%;
}

.font_11 {
	font-size:85%;
}

.font_11b {
	font-size:85%;
	font-weight:bold;
}

.font_12 {
	font-size:92%;
}

.font_14 {
	font-size:107%;
}

.font_14b {
	font-size:107%;
	font-weight:bold;
}

.font_15b {
	font-size:115%;
	font-weight:bold;
}

.font_16 {
	font-size:122%;
}

.font_16b {
	font-size:122%;
	font-weight:bold;
}

.font_18b {
	font-size:136%;
	font-weight:bold;
}

.font_12_green {
	font-size:92%;
	color:#007A65;
}

.font_16b_green {
	font-size:122%;
	font-weight:bold;
	color:#007A65;
}

.green {
	color:#007A65;
}

.font_20b_red {
	font-size:152%;
	font-weight:bold;
	color:#DB0909;
}

.font_b {
	font-weight:bold;
}


/*------------------------

ベース

------------------------*/

body {
	min-width:965px;
	margin:0;
	padding:0;
	color: #333;
	font:13px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	*font-size:small; /* IE 7 */
	*font:x-small; /* IE 6以下 */
	background:url(../img/back.jpg) repeat-x;
}

/*------------------------

レイアウト

------------------------*/

#wrap {
	width:965px;
	height:100%;
	margin:0 auto;
	padding:0;
	background:url(../img/wrap_back.jpg) no-repeat;
}

/*シャドウ*/

#contents {
	width:965px;
	margin:0 auto;
	padding:0;
	background:url(../img/contents_back2.jpg) repeat-y; 
}

/*グラデ*/
#contents_back {
	width:965px;
	margin:0 auto;
	padding:0;
    background:url(../img/contents_back.jpg) no-repeat; 
}

#in_contents {
	width:930px;
	margin:0 auto;
	padding:0 0 26px;
	position:relative;
	visibility: visible;
}		
	
#magazine {
	width:660px;
	margin:0 auto;
	padding:0;
}	

/*------------------------

中ページ左メニュー

------------------------*/	
	
#in_left {
	width:200px;
	margin:0 ;
	padding:0;
	float:left;
}	
	
/*------------------------

中ページ右コンテンツ

------------------------*/	

#in_right {
	width:720px;
	margin:0 auto;
	padding:0;
	float:right;
}	

/*------------------------

ヘッダー

------------------------*/

#head {
	width:954px;
	height:78px;
	margin:0 auto;
}
	
#head #head_left {
	width:227px;
	height:60px;
	margin:18px 0 0;
	padding-left:10px;
	float:left;
}

#head #head_right {
	width:710px;
	height:74px;
	margin:4px 0 0;
	padding:0 7px 0 0;
	float:right;
}

#head #head_right #head_right_top {
	width:710px;
	height:24px;
}

#head #head_right #head_right_top ul#btn1 {
	margin:4px 0 0;
	list-style:none;
	font-size:0;
	float:right;
}

#head #head_right #head_right_top ul#btn1 li {
	margin:0 3px 0 0;
	float:left;
}

#head #head_right #head_right_top ul#btn2 {
	padding:0 6px 0 0;
	list-style:none;
	font-size:0;
	float:right;
}

#head #head_right #head_right_top ul#btn2 li {
	float:left;
}

#head #head_right #head_right_top ul#btn3 {
	list-style:none;
	font-size:0;
	float:right;
}

#head #head_right #head_right_top ul#btn3 li {
	margin:0 3px 0 0;
	float:left;
}

#head #head_right #head_right_mid {
	width:710px;
	height:25px;
	padding:3px 0 0;
}
	
#head #head_right #head_right_mid dl#btn3 {
	padding:0 8px 0 0;
	float:right;
	font-size:0;
}	
	
#head #head_right #head_right_mid dl#btn3 dt,#head #head_right dl#btn3 dd {
	margin:0 3px 0 0;
	float:left;
}

#head #head_right #head_right_mid dl#btn3 dt img {
	margin:2px 0 0;
}

#head #head_right #head_right_mid dl#btn3 dt select {
	font-size:11px;
	height:22px;
	margin:2px 0 0;
}

#head #head_right #head_right_mid dl#btn3 dt .Sinput {
	width: 150px;
	height: 18px;
	margin: 2px 0 0;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	padding: 0 5px;
}

*html #head #head_right #head_right_mid dl#btn3 dt select {
	font-size:11px;
        height:22px;
        margin:3px 0 0;
}

*html #head #head_right #head_right_mid dl#btn3 dt .Sinput {
	width:140px;
	height:16px;
	margin:1px 0 0;
	border:1px solid #CCCCCC;
	font-size:13px;
}

#head #head_right #head_right_mid dl#font_size {
	font-size:0;
	float:right;
}
	
#head #head_right #head_right_mid dl#font_size dt {
	margin:7px 6px 0 0;
	float:left;
}

#head #head_right #head_right_mid dl#font_size dd {
	margin:0 1px 0 0;
	float:left;
}

#head #head_right #head_right_bottom {
	width:710px;
	padding:4px 0 0;
}

#head #head_right #head_right_bottom ul#btn4 {
	height:12px;
	list-style:none;
	font-size:0;
	float:right;
}

#head #head_right #head_right_bottom ul#btn4 li {
	margin-right:5px;
	float:left;
}

/*------------------------

グローバルナビゲーション

------------------------*/

#Gnavi {
	width:940px;
	height:29px;
	margin:0 auto;
	padding:0 14px 0 0;
}

#Gnavi ul li {
	list-style:none;
	float:left;
}
	
#Gnavi dl#font_size {
	height:27px;
	padding:2px 0 0;
	font-size:0;
	float:right;
}
	
#Gnavi dl#font_size dt {
	margin:7px 6px 0 0;
	float:left;
}

#Gnavi dl#font_size dd {
	margin:0 2px 0 0;
	float:left;
}

/*------------------------

中ページサイドメニュー

------------------------*/


#sidetree{
	width:196px;
	background-color:#ccc;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
}

#sidetree ul li a{
	width:167px;
	margin-left:25px;
	padding:5px 0;
	display:block;
}

#sidetree ul li ul li a{
	width:159px;
	margin-left:31px;
	padding:5px 0;
	display:block;
}

#sidetree ul li.par .hitarea{
	width:24px;
	height:24px;
	margin-right:-24px;
	cursor:pointer;
	float:left;
	background: url(../img/minus.jpg) center 10px no-repeat;
}

#sidetree ul li.par .expandable-hitarea{
	background: url(../img/plus.jpg) center 10px no-repeat;
}

#sidetree ul li.par ul li .hitarea{
	width:32px;
	height:24px;
	margin-right:-32px;
	cursor:pointer;
	float:left;
	background: url(../img/minus.jpg) center 10px no-repeat;
}

#sidetree ul li.par ul li .expandable-hitarea{
	background: url(../img/plus.jpg) center 10px no-repeat;
}

#sidetree .nonhitarea{
	width:24px;
	height:24px;
	font-size:0;
	display:inline;
}

#sidetree ul.treeview {
    width:192px;
	margin:0 0 0 2px;
	background-color:#efefef;
}

#sidetree ul li.par {
	width:192px;
	padding:1px 0 0 0;
	background: url(../img/submenu1_back.jpg) top no-repeat;
	border-top:solid 1px #ccc;
}

#sidetree ul li.chil1 {
    width:192px;
	margin-bottom:-1px;
	padding:1px 0 0 0;
	background:#eee top no-repeat;
	border-top:dotted 1px #ccc;
}

#sidetree ul li.chil2 {
	width:192px;
	padding:1px 0 0 0;
	background:#fff url(../img/left_arrow.jpg) 15px 10px no-repeat;
	border-top:dotted 1px #ccc;
	font-size:92%;
}	

/*------------------------

バナー

------------------------*/

#ban_side{
	width:205px;
	margin:0 0 0 7px;
	padding:0;
}

#ban_side ul {
	margin:0;
	padding:0;
}

#ban_side ul li {
	margin:0;
    padding:0;
	list-style:none;
	float:left;
}

/*------------------------

リンク

------------------------*/

a:link {
	color:#006666;
    text-decoration: underline;
}

a:visited {
	color:#006666;
    text-decoration: underline;
}

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

a:active {
	color: #006666;
	text-decoration: underline;
}

a.white:link {
	color:#fff;
    text-decoration: underline;
}

a.white:visited {
	color:#fff;
    text-decoration: underline;
}

a.white:hover {
	color:#fff;
    text-decoration: underline;
}

a.white:active {
	color:#fff;
    text-decoration: underline;
}

/*------------------------

パンくず

------------------------*/

#bread {
	width:940px;
	margin:0 auto  ;
	padding:10px 0;
	font-size:85%;
}
	
/*------------------------

h2 タイトル

------------------------*/	

h2.title{
	width:720px;
	height:80px;
	margin:0px auto;
}

h2.title2{
	margin:0px auto;
}
			

/*------------------------

バー

------------------------*/	

h3.bar {
	width:720px;
	height:32px;
	margin:10px auto ;
	padding:0;
	line-height:35px;
	text-indent:10px;
	font-weight:bold;
	background:url(../img/h3.jpg) no-repeat;
}

h4.bar {
	width:720px;
	height:30px;
	margin:10px auto ;
    padding:0;
	line-height:30px;
	text-indent:12px;
	font-weight:bold;
	background:url(../img/h4.jpg) no-repeat;
	}
	
	
h4.society{
	width:700px;
	height:30px;
	margin:10px auto ;
    padding:0;
	line-height:30px;
	text-indent:12px;
	font-weight:bold;
	background:url(../img/h4_700.jpg) no-repeat;
}
	
h5.bar {
	width:720px;
	height:32px;
	margin:15px auto 10px;
    padding:0;
	line-height:30px;
	text-indent:12px;
	font-weight:bold;
	background:url(../img/h5.jpg) no-repeat;
}

/*------------------------

テキスト

------------------------*/

.text{
	width:710px;
	margin:0 auto 5px;
	padding:0;
}
		
.center{
text-align:center;
}	

/*------------------------

画像位置

------------------------*/

img.right {
	float:right;
	margin:2px 0px 2px 10px;
}

img.left {
	float:left;
	margin:2px 10px 2px 0px;
}

img.center {
	margin:3px;
}

/*------------------------

ページトップ

------------------------*/

.pagetop {
	width:700px;
	margin:10px auto 0;
	padding:0;
	position:absolute;
	right:20px;
	bottom:0px;
}

.pagetop img{
	margin:0;
	padding:0;
	float:right;
}
	
.pagetop_search{
	width:920px;
	margin:10px auto 5px;
	padding:0;
	position:absolute;
	right:20px;
	bottom:0px;
}
	
.pagetop_search img{
	margin:0;
	padding:0;
	float:right;
}
/*-----------------------------------------

お問い合わせ

-----------------------------------------*/

.contact {
	margin-top:10px;
	padding-top:10px;
	border-top:#CCC solid 1px;
}

/*-----------------------------------------

フッター

-----------------------------------------*/

#footer2{
	width:100%;
	height:68px;
	margin:0px auto ;
	padding:0;
	background:url(../img/foot_back.jpg) repeat-x;
}

.in_footer{
 width:930px;
 height:68px;
 margin:0px auto ;
}

.in_footer_left{
 width:500px;
 height:68px;
 margin:0px auto ;
 float:left;
}

.in_footer_right{
 width:400px;
 height:68px;
 margin:0px auto ;
 float:right;
}

.in_footer_right ul li{
   list-style:none;
	float:right;
	margin-top:10px;
}

address{
	font-size:92%;
	padding-top:20px;
	font-style:normal;
}

/*-----------------------------------------

ブロックコート

-----------------------------------------*/

blockquote {
	padding:0 20px;
}

blockquote p {
	margin:1em 0;
}

/*-----------------------------------------

公開画面用

-----------------------------------------*/

.list_manage ul {
padding-left:20px;
}

.list_manage ul li{
list-style-type:disc;
}

.list_manage ol {
padding-left:20px;
}

.list_manage ol li{
list-style-type:decimal;
}

/*-----------------------------------------

float 解除

-----------------------------------------*/

/*IE7以外のモダンブラウザ向け*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:1px;
}

/*IE7およびMacIE5向け*/
.clearfix{
	display:inline-block;
}

/*Hides from IE-mac\*/
* html .clearfix{
	height:1%;
}

/*End hide from IE-mac*/ /*IE6以前向け*/
.clearfix{
	display:block;
}

/*DWデザインビュー向け　公開時には削除
.clearfix{
    overflow:hidden;
	}*/