@charset "utf-8";

/* 
==================================================
■ トップページ及び共通スタイル
================================================== */



/* body設定
================================================== */
/* clearfix */
*:after { display:block; clear:both; }
/* はみ出し対策 */
body {
	width:100%;
	/*background-color:#00aae5;*/
	background-image:
				url(template/sky_2/back.png)
				,-webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#00aae5)
                , color-stop(0.50, #ceeeef)
                , to(#00aae5));
	/*overflow:hidden;*/
	/*background-image:;*/
	background-position:-5px 38px,top;
	background-size:670px 300px,auto;
	-weblit-background-size:670px 300px,auto;
	background-repeat:repeat;
}
/* ヘッダー
================================================== */
header{
	height:45px;
	width:100%;
	//background-image:url(../image/logo_mark.png);
	background-repeat:no-repeat;
	-webkit-background-size: 74px 35px;/* 横px 縦px */
	background-position:95% 5px;
	
	background-color:#fff;
	border-bottom:solid 3px #006bc0;
}
header h1{
	width:150px;
	height:39px;
	background-image:url(../image/logo.png);
	background-repeat:no-repeat;
	-webkit-background-size: 140px 31px;/* 横px 縦px */
	background-position:10px 8px;
	
	text-indent:-9999px;
}

/* ビジュアル
================================================== */
#vImg{
	border-bottom:solid 3px #006bc0;
	line-height:0em;
}
#vImg img{
	min-width:100%;
	max-width: 100%;
    height: auto;
}

/* タイトル
================================================== */
section#title h2{
	width:95%;
	padding:13px 0px;
	margin:0px auto;
	color:#fff;
	font-size:18px;
	text-shadow:-1px -1px 0 rgba(150,150,150,30);
}

section#title h2 a{
	color:#fff;
}


/* グローバルメニュー
================================================== */
nav {
	margin:0px auto;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	
	background-image:url(../image/btn_nav_bg.png);
	-webkit-background-size: 1px 40px;/* 横px 縦px */
	
	width: 95%;
}
nav li {
	text-indent:-9999px;
	float: left;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #fff;
	width: 33%;
	height:40px;
}
nav li a {
	display: block;
	
}
nav li:first-child {
	border-left:none;
}
nav li:last-child {
	border-right:none;
}
nav li:first-child h3{
	height:40px;
	background-image:url(../image/btn_nav_text01.png);
	-webkit-background-size: 76px 16px;/* 横px 縦px */
	background-repeat:no-repeat;
	background-position:55% 12px;
}
nav li:nth-child(2) h3{
	height:40px;
	background-image:url(../image/btn_nav_text02.png);
	-webkit-background-size: 76px 16px;/* 横px 縦px */
	background-repeat:no-repeat;
	background-position:55% 12px;
}
nav li:last-child h3{
	height:40px;
	background-image:url(../image/btn_nav_text03.png);
	-webkit-background-size: 93px 16px;/* 横px 縦px */
	background-repeat:no-repeat;
	background-position:55% 12px;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
/* コンテンツ
================================================== */
section#content{
	width:95%;
	margin:20px auto;
}

section#content h3{
	padding:7px 10px;
	background-color:#fff;
	margin-bottom:2px;
	
	border-radius:5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px 5px 0px 0px;   /* Firefox用 */
}

section#content article{
	background-color:#fff;
	background-image:url(../image/mark_transition.png);
	-webkit-background-size: 7px 9px;/* 横px 縦px */
	background-repeat:no-repeat;
	background-position:97% 50%;	
	margin-bottom:2px;
}
section#content article h4{
	padding:10px 10px 0px 10px;
	color:#000;
}

section#content article aside{
	font-size:13px;
	color:#a69ba0;
	padding:0px 10px 10px 10px;
}

section#non_area{
	padding:15px 10px 15px 10px;
	background-color:#fff;
	height:5px;
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius:0px 0px 5px 5px;   /* Firefox用 */
}



section#btn_area{
	padding:15px 10px 15px 10px;
	background-color:#fff;
	height:40px;
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius:0px 0px 5px 5px;   /* Firefox用 */
}


section#btn_area nav#previous{
	width:48%;
	height:40px;
	float:left;
	background-image:url(../image/btn_pre_next.png);
	-webkit-background-size: 1px 40px;/* 横px 縦px */
	background-repeat:repeat-x;

    border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}

section#btn_area nav#next{
	width:48%;
	height:40px;
	float:right;
	background-image:url(../image/btn_pre_next.png);
	-webkit-background-size: 1px 40px;/* 横px 縦px */
	background-repeat:repeat-x;

    border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}

.button_link {
    background-color: rgb(150,150,150); /* Fallback color for IE6 and IE7 */
    background-color: rgba(0,0,0,.1);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
/*  behavior:url('/media/css/border-radius.htc'); */
    color: #00f;
/*    float: left; */
    font-family: helvetica, arial, sans-serif;
    font-size: .8em;
    font-weight: bold;
    margin: 12px 0 0 0;
    padding: 4px 10px 4px 12px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    -webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}


.buttonMedium { width:200px; height:40px; margin:0 auto; font-weight:bold; font-size:14px; border:1px solid #bbbbbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#f4f4f4; background:-webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.5,#ffffff),to(#ebebeb)); background:-moz-linear-gradient(center top ,#ffffff,#ffffff 50%,#ebebeb); -moz-box-shadow:0px 0px 1px #f1f1f1; -webkit-box-shadow:0px 0px 1px #f1f1f1;}
.buttonMedium input{ display:block; padding:5px 8px; line-height:18px; border:1px solid #FFFFFF; border-top:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#333333;}



section .previous_text{
	text-indent:-9999px;	
	background-image:url(../image/btn_previous.png);
	-webkit-background-size: 95px 17px;/* 横px 縦px */
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	top:9px;
}
section .next_text{
	text-indent:-9999px;	
	background-image:url(../image/btn_next.png);
	-webkit-background-size: 95px 17px;/* 横px 縦px */
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	top:9px;
}
/* フッター
================================================== */
footer{	
	width:95%;
	margin:0px auto;
}
footer nav{
	width:100%;
	height:41px;
	margin-bottom:10px;
	background-image:url(../image/btn_bg.png);
	-webkit-background-size: 1px 41px;/* 横px 縦px */
	background-repeat:repeat-x;
	text-indent:-9999px;
      
    border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	
	 
}
footer nav #inquiry{
	height:41px;
	background-image:url(../image/f_btn_inquiry.png);
	-webkit-background-size: 108px 16px;/* 横px 縦px */
	background-repeat:no-repeat;
	background-position:10px 12px;
}

footer nav #message{
	height:41px;
	background-image:url(../image/f_btn_message.png);
	-webkit-background-size: 108px 16px;/* 横px 縦px */
	background-repeat:no-repeat;
	background-position:10px 12px;
}

footer nav #link{
	height:41px;
	background-image:url(../image/f_btn_link.png);
	-webkit-background-size: 108px 16px;/* 横px 縦px */
	background-repeat:no-repeat;
	background-position:10px 12px;
}
footer nav #reader{
	height:41px;
	background-image:url(../image/f_btn_reader.png);
	-webkit-background-size: 108px 16px;/* 横px 縦px */
	background-repeat:no-repeat;
	background-position:10px 12px;
}


footer section#toplink{
	margin-top:10px;
	float:right;
	padding-left:15px;
	height:14px;
	margin-bottom:14px;
	background-image:url(../image/toplink.png);
	-webkit-background-size: 11px 14px;/* 横px 縦px */
	background-repeat:no-repeat;

}

footer section#toplink a{
	position:relative;
	top:-3px;
	text-decoration:none;
	color:#006bc0;
}


footer small#copy{
	display:block;
	padding:0px 0px;
	text-align:center;
	color:#006bc0;
	clear:both;
}


small#copy{
	display:block;
	padding:0px 0px;
	text-align:center;
	color:#006bc0;
	margin-top:20px;
	clear:both;
}

footer section#agent_nav{
	clear: both;
	display: block;
	text-align: center;
}

footer section#agent_nav a{
	display: inline;
	color: #006bc0;
	text-decoration: underline;
}

/* 
==================================================
■ 詳細ページ
================================================== */
section#article_info{
	width:95%;
	margin:20px auto;
}

section#content h3{
	padding:7px 10px;
	background-color:#fff;
	margin-bottom:2px;
	
	border-radius:5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px 5px 0px 0px;   /* Firefox用 */
}

section#article_info article{
	background-color:#fff;	
	margin-bottom:2px;
//	margin-bottom:0px;
}
section#article_info article:first-child{
	border-radius:5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px 5px 0px 0px;   /* Firefox用 */	
}
section#article_info article:nth-child(2){
	padding:10px 10px;
}
section#article_info article:nth-child(3){
	padding:10px 10px;
}
section#article_info article h4{
	padding:10px 10px 0px 10px;
	color:#000;
}

section#article_info article aside{
	font-size:13px;
	color:#a69ba0;
	padding:0px 10px 10px 10px;
}
section#article_info article#comment{
	padding:10px 10px;
}
section#article_info article#comment h4{
	padding:0px;
}

section#article_info article a {
    display: inline;
}





/* 
==================================================
■ 共通装飾クラス
================================================== */
.clear{
	clear:both;
}





/* 
==================================================
■ ポータルTOPページ
================================================== */

/* 検索エリア
================================================== */
section#search{
	width: 95%;
	margin: 10px auto;
	vertical-align: middle;
}

section#search input,textarea,select{
	border: 1px solid #666666;	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 100%;
}

section#search .search_text{
	float: left;
	width: 45%;
	padding: 5px 1% 5px 10%;
	line-height: 15px;
	background: url(../image/icon_search.png) no-repeat 5px 50% #fff;  
	background-repeat: no-repeat;
	background-size: 16px;
	-webkit-background-size: 16px;	
}

section#search input[type=submit]{
	float: left;
	line-height: 25px;
	margin-left: 5px;
	border-radius: 5px;
	color: #1e70bb;
	text-shadow: -1px -1px 0 rgba(150,150,150,0.3);
	vertical-align: middle;
}

section#search .search_btn{
	width: 25%;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#00aae5));
}

section#search .login_btn{
	width: 25%;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#00aae5));
}

/* 記事一覧（TOPページ）
================================================== */
section#tab,section#tab2{
	margin: 0 auto;
	width: 95%;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

section#tab li,section#tab2 li{
	float: left;
	display: block;
	width: 35%;
	padding: 10px 0;
	text-align: center;		
	color: #1e70bb;
	text-shadow: -1px -1px 0 rgba(150,150,150,0.3);
	border-left: 1px solid #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#00aae5));
}

section#tab li:first-child,section#tab2 li:first-child{
	border: none;
	border-radius: 5px 0px 0px 0px;
	-webkit-border-radius: 5px 0px 0px 0px;
}

section#tab li:last-child,section#tab2 li:last-child{
	border-radius: 0px 5px 0px 0px;
	-webkit-border-radius: 0px 5px 0px 0px;
}

section#tab li.select,section#tab2 li.select{
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));*/
	/*text-shadow: -1px -1px 0 rgba(150,150,150,0.3);*/
	background: #fff;
}

.disnon{
	display: none;
	/* visibility:hidden; */
}

section#topicks,section#topicks2{
	clear: left;
	width: 95%;
	margin: 0 auto;
}

section#topicks ul li,section#topicks2 ul li{
	display: table;
	width: 100%;
	background: #fff;
	
	background-image: url(../image/mark_transition.png);
	-webkit-background-size: 7px 9px;
	background-repeat: no-repeat;
	background-position: 97% 50%;	
	
	margin-bottom: 1px;
}

section#topicks ul li:first-child,section#topicks2 ul li:first-child{
	border-radius: 0px 5px 0px 0px;
	-webkit-border-radius: 0px 5px 0px 0px;
}

section#topicks ul li:last-child,section#topicks2 ul li:last-child{
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}

section#topicks ul li a,section#topicks2 ul li a{
	display: block;
	padding: 7px 25px 7px 7px;
	position: relative;
	text-decoration: none;
	color: #574b35;
}

/*section#content_wrap ul li a:after{
	content: "";
	display: block;
	height: 0px;
	width: 0px;
	border: 4px solid transparent;
	border-left-color: #e2a6a6;
	position: absolute;
	top: 50%;
	right: 10px;
}*/

section#topicks ul li figure,section#topicks2 ul li figure{
	display: table-cell;
	vertical-align: middle;
	width: 49px;
	padding-right: 5px;
}

section#topicks ul li figure img,section#topicks2 ul li figure img{
	//width: 50px;
	//height: auto;
}

section#topicks ul li aside,section#topicks2 ul li aside{
	display: table-cell;
	vertical-align: middle;
}

section#topicks aside h4,section#topicks2 aside h4{
	color: #000;
}

section#topicks aside p,section#topicks2 aside p{
	font-size: 13px;
	color: #a69ba0;
}

.next_nav{/* もっと見る */
	text-align: right;
	margin-top: 15px;
}
.next_nav a{
	color: #fff;
}

/* テーマ一覧
================================================== */
section#theme ul{
	width: 95%;
	margin: 0px auto 0px auto;
	display: table;
	table-layout: fixed;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

section#theme ul li{
	display: table-cell;
	text-align: center;
	padding-bottom: 5px;
	border: 1px solid #00aae5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
}

section#theme ul li img{
	width: 20px;
	height: 20px;
	position: relative;
	top: 7px;
}

section#theme ul li a{
	display: block;
	color: #574b35;
}

/* お知らせ
================================================== */
section#osirase ul{
	width: 95%;
	margin: 0 auto;
}

section#osirase li{
	background: #fff;
	padding: 5px 0px;
	text-indent: 10px;
	
	background-image: url(../image/mark_transition.png);
	-webkit-background-size: 7px 9px;
	background-repeat: no-repeat;
	background-position: 97% 50%;	
	
	margin-bottom: 1px;
}

section#osirase ul li:first-child{
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

section#osirase ul li:last-child{
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}

section#osirase li a{
	display: block;
	color: #574b35;
}

/* 記事一覧（第2階層以降共通一覧ページ）
================================================== */
section#topicks_list{
	clear: left;
	width: 95%;
	margin: 0 auto;
}

section#topicks_list ul li{
	display: table;
	width: 100%;
	background: #fff;
	
	background-image: url(../image/mark_transition.png);
	-webkit-background-size: 7px 9px;
	background-repeat: no-repeat;
	background-position: 97% 50%;	
	
	margin-bottom: 1px;
}

section#topicks_list h3{
	width: 100%;
	text-indent: 7px;
	padding: 7px 0px;
	margin-bottom: 1px;
	
	background: #fff;	
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

section#topicks_list ul li a{
	display: block;
	padding: 7px 25px 7px 7px;
	position: relative;
	text-decoration: none;
	color: #574b35;
}

section#topicks_list ul li figure{
	display: table-cell;
	vertical-align: middle;
	width: 49px;
	padding-right: 5px;
}

section#topicks_list ul li figure img{
	width: 50px;
	height: auto;
}

section#topicks_list ul li aside{
	display: table-cell;
	vertical-align: middle;
}

section#topicks_list aside h4{
	color: #000;
}

section#topicks_list aside p{
	font-size: 13px;
	color: #a69ba0;
}