@charset "UTF-8";

@import "css/reset.css";

@media tty {
 i{content:"\";/*" "*/}} @import 'css/ie5win.css'; /*";}
}/* */


/*
Theme Name: YTA_TY007
Theme URI:
Description: 
Author:
Tags: 
*/

/* ---------- body ---------- */
*{margin:0px; padding:0px;}

body {
	background:#F7F7F7 url(images/bg_image.jpg) top center;
	background-attachment:fixed;
	color:#333;
	text-align:center;
	font-size:12px;
	font-family:"メイリオ";
}

/* ---------- body end ---------- */

/* ---------- Link ---------- */

a {
	color:#003399;
	text-decoration:none;
	background-color:inherit;
}

a:hover {
	color:#FF9900;
	text-decoration:none;
}

img {
	border:none;
}

/* ---------- Link end ---------- */

/* ---------- text ---------- */

p,table,tr,td,ul,li{
	color:#333;
	text-align:left;
	line-height:140%;
	font-size:12px;
}

strong{
	color:#cc0000;
	background-color: #FFFF00;
	line-height:140%;
	letter-spacing:0.08em;
	font-weight:bold;
}

/* ---------- text end ---------- */

/* ---------- clear ---------- */

.clear{
	clear:both;
	height:0;
}

.clear hr { 
	display:none; 
	height:0;
}  

/* ---------- clear end ---------- */

/* ---------- header ---------- */


#header{
	background-image:url(images/header.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:150px;
	display: block;
}

#header h1{
 	text-align:left;
	font-size:23px ;
	font-weight:bold;	
	color: #ffffff ;
	padding:10px;
}

#header h1 a {
	color:#fff;
	text-decoration:none;
}

#header h1 a:hover {
	color:#000;
	text-decoration:none;
}

#header h2{
	font-size:13px ;
 	text-align:left;
	font-weight:bold;
	color: #ffffff ;
	padding:0 0 5px 500px;
}
h4  {font-size: 14px} h5  {font-size: 12px; margin-bottom:15px;} h6  {font-size: 12px}
/* ---------- header end ---------- */

/* ---------- header_img ---------- */
#header_img{
	z-index:10;
	position:absolute;
	display: block;
	top:5px;
	left:5px;
}	
/* ---------- header_img end---------- */


/* ---------- wrapper ---------- */

#wrapper{
	margin:10px auto;
	padding:5px;
	background:#f4f4f4;
	border:1px solid #ccc;
	overflow:auto;
	width:900px;
	position:relative;
}

#wrapper-inner{
	width:900px;
	margin-top:5px;
	background:#e7e7e7 url(images/wrbg.png) left top repeat-x;
}

#wrapper-article{
	width:870px;
 	margin:0 auto;
	padding:10px;
	text-align:center;
}	

/* ---------- wrapper end  ---------- */

/* Tab Navigation */

/*** Menu ***/

#menu {
	background:url(images/bar_navibg.gif) left top repeat-x;
	height: 35px;
	padding:0px 10px;
	clear:both;
	text-align:center;
}
#menu ul{
	height:35px;
	margin:0;
	list-style:none;
	white-space:nowrap;
	font-size:12px;
	z-index:100;
	position:relative;
}

#menu ul li {
	float:left;
	background: url(images/bar_navi.gif);
}

#menu ul li a {
	display:block; 
	height:35px; 
	float:left; 
	background: url(images/bar_navi.gif);
	padding:0 0 0 10px; 
	text-decoration:none;
	line-height:33px; 
	white-space:nowrap;
	color: #fff;
}


#menu ul li a b {
	display:block;
	padding:0 20px 0 10px;
	background: url(images/bar_navi.gif) right top;
}

#menu ul li a:hover,
#menu ul li.current_page_item a {
	background: url(images/bar_navi.gif); 
	padding:0 0 0 10px;
	cursor:pointer; 
	color: #000;
}
#menu ul li a:hover b,
#menu ul li.current_page_item a b{
	display:block; 
	float:left;
	padding:0 20px 0 10px; 
	background:url(images/bar_navi.gif) right top; 
	cursor:pointer;
}


/* Tab Navigation End */


/* ---------- navi ---------- */

#navi,
#page-up{
	color:#666;
	font-size:12px;
	text-align:left;
	padding:0px 0px 5px;
	text-align:right;
	font-family:"メイリオ";
}

#navi a {
 	color: #003399;
	text-decoration:none;
}

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

/* ---------- navi_end ---------- */

/* ---------- Page_header ---------- */

#page-header{
	background-image:url(images/page_header.jpg) ;
	background-repeat:no-repeat;
	background-position:center top;
	height:30px;
}

#page-header h2{
 	margin:0 ;
 	text-align:left;
	font-size:23px ;
	font-weight:bold;
	color: #ffffff ;
	padding:40px 30px 0 35px;
}

#page-header h2 a {
	color:#fff;
	text-decoration:none;
	background-color:inherit;
}

#page-header h2 a:hover {
	color:#FF9900;
	text-decoration:none;
	background-color:inherit;
}

#page-header h3{
 	margin:0 ;
	font-size:13px ;
 	text-align:left;
	font-weight:bold;
	color: #ffffff ;
	background: url(images/icon.jpg) left center no-repeat; 
	padding: 5px 0px 5px 20px;
}

/* ---------- Page_header_end ---------- */

/* ---------- content ---------- */


#content{
	margin:0px auto 0px;
	width:655px;
	float: right;	
}

#single-content{
	margin:0px 0px 15px 10px;
	width:655px;
	float: right;	
}

#article{
	float: left;
	text-align: left;
	width:440px;
	margin:0 auto;
}

.present{
	text-align: left;
	background:#fff;
	padding:20px;
}

#present a:hover{
	position: relative;
}

.report{
	text-align: center;
	padding: 0 5px;
}

.button{
	clear: both;
	margin: 10px auto;
	text-align: center;
	padding-top: 10px;
}	

.button a:hover{
	position: relative;
}

.new-article{
	clear:both;
	margin-bottom:30px;
}

.new-article h3{
	padding: 5px;
	background:#f5f5f5 url(images/bar_new.gif) repeat-x;
	margin-bottom:5px;
	color:#000;
	text-align:center;
	font-size:14px;
	font-weight: bold;
	vertical-align:middle;
}

.new-article ul{
	margin:0px;
	padding: 5px 5px 8px;
	list-style-type: none;
	list-style-position: outside;
	border:1px solid #ccc;
	background-color:#fff;
}


.new-article li{
	font-size:11px;
	border-bottom: dotted 1px #cccccc;
	padding:3px 0px 3px 25px;
	background: url(images/external.gif) 5px center no-repeat;
}

.list{
	margin-bottom: 15px;
	background:url(images/bg_box.gif) left bottom repeat-x;
}

#list_present h4{
	margin-bottom:5px;
 	padding:7px 10px;
	background:url(images/bar_fplong.gif) top right no-repeat;
	color: #fff;
	font-size:13px;
	font-weight:bold;
	text-align: center;
}
.list h4{
	margin-bottom:5px;
 	padding:7px 10px;
	background:url(images/bar_splong.gif) top right no-repeat;
	color: #fff;
	font-size:13px;
	font-weight:bold;
	text-align: center;
}

.list-area{
	padding:5px;
	overflow: hidden;
	color:#666;
	text-align:left;
	line-height:140%;
	font-size:12px;
	letter-spacing:0.08em;
	background:#f5f5f5;
	border:1px solid #ccc;
}

.list form{
	margin: 10px 0;
	color:#333;
	line-height:140%;
	font-size:12px;
}

.list_table{
	border:1px solid #4574A2;
}

.list_table th,
.list_table td{
	padding:5px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.list_table th{
	background:#e4e4e4;
	width:30%;
	vertical-align:text-top;
}

.impact{
	color:#cc0000;
}
.list_box{
	width:80%;
	padding:2px;
}
.btn{
	background:url(images/bg_btn.jpg) left repeat-x;
	padding:5px 10px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border:none;
	text-align: center;
	cursor:pointer;
	color:#fff;
	text-shadow: 1px -1px 0 #666;
}

.single-list{
	margin-bottom: 20px;
	background:url(images/bg_box.gif) left bottom repeat-x;
}

.single-list h4{
	margin-bottom:5px;
 	padding:7px 10px;
	background:url(images/bar_basic.gif) left center repeat-x;
	color: #fff;
	font-size:13px;
	font-weight:bold;
	text-align: center;
}

.single-list-area{
	padding:5px;
	overflow: hidden;
	color:#666;
	text-align:left;
	line-height:140%;
	font-size:12px;
	letter-spacing:0.08em;
	background:#f5f5f5;
	border:1px solid #ccc;
}

.single-list form{
	margin: 10px 0;
	color:#333;
	line-height:140%;
	font-size:12px;
}


/* ---------- main ---------- */

.main{
	margin: 0 auto 15px;
	padding-bottom:10px;
	clear: both;
	overflow: hidden;
}

.postdata{
	padding:5px 5px 2px;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff;
}
.postdata p {
	margin: 0;
	padding: 10px 0 9px 0;
	background:url(images/single.jpg) center top no-repeat;
}

.postdata a{
	color:#356492;
	font-size:10px ;
}	

.postdata a:hover,
.mini-add-comment a:hover{
	color:#5EAFD7;
}	
	
.postdata .date {
	background: url(images/date.png) left center no-repeat;
	color: #333;
	padding: 5px 8px 0 15px;
}

.postdata .comments a{
	background: url(images/comment.jpg) left center no-repeat;
	padding: 0 20px 0 15px;
}
		
.postdata .category{
	background: url(images/ico_folder.gif) left center no-repeat;
	padding: 5px 2px 0 18px;
}
.postdata .tag{
	background: url(images/tag.png) left center no-repeat;
	padding: 5px 2px 0 15px;
	margin-left:2px;
}
		
.mini-add-comment a{
	background: url(images/comment-arrow.gif) no-repeat left center;
	padding-top: 5px;	
	padding-left:5px;
	float: right;
	font-size:10px;	
}
.mini-rss a{
	padding-left:1px;
	margin:0px;
}	
	
.title{
	padding:5px;
	margin-bottom:15px;
	clear: both;
	overflow: hidden;
	border:1px solid #ccc;
	background:#f5f5f5;
}

	
.title h2,
.single-main h2,
.cat h2{	
	color: #fff;
	background-color:#999;
	margin:0px 0 2px 0px;	
	padding:8px 3px 5px 10px;
	font-size: 16px;
	text-align:left;
	font-weight:bold;
}

.title h2 a{
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	background-color: transparent;
}

.title h2 a:hover, a:active{
	color: #000;
	background-color: transparent;
}

.title p{
	background-color:#fff;
	padding:10px;
}
	
	
.single-title{
	padding-left: 10px;	
	padding-bottom: 30px;
	clear: both;
	overflow: hidden;	
	float: left;
	width: 600px;	
}
	
.single-title{
	background: url(images/date.png) left center no-repeat;
	color: #666666;
	text-align: center;
	padding: 5px 2px 0 0;
}

.single-title h2{	
	color: #000;
	margin:0px 0 2px 0px;	
	padding:8px 3px 5px 10px;
	font-size: 16px;
	background: ;
}
.single-title p{
	background-color:#fff;
	padding:10px;
}	
	
.entry{
	text-align:right;
	font-size:10px;	
	padding: 10px 0px 5px;
	clear: both;
}
.more-link{
	padding:15px 5px 5px;
	text-align:right;
	background-color:#fff;
}	
.more-link a {
	text-align:right;
	padding: 0 17px 0 0;
	border-bottom: 1px solid #99b2cc;
	background:url(images/more.jpg) right center no-repeat;
}
.to-be-continue-single{
	color:#666;
	text-align:right;
	padding:5px 10px 5px 0px;
	margin:0px 0px 5px;
	background:#fff;
}
	
.to-be-continue-cate{
	text-align:right;
	padding:10px ;
}	

.postmetadata {
	color:#666;
	margin-top:30px ;
	font-size: 10px;
	line-height:140%;	
	text-align: right;	
	text-decoration: none;
}

/* ---------- main_end ---------- */

/* ---------- single_main ---------- */

.single-main{
	padding:5px;
	margin-bottom:15px;
	clear: both;
	overflow: hidden;
	border:1px solid #ccc;
	background:#f5f5f5;
}

.single-main .post_content{
	text-align: left;
	color:#666;
	font-size:14px;
	padding:10px;
	background:#fff url(images/contents-top.gif) left bottom repeat-x;
}

.subtitle01{
	font-size:15px;
	font-weight:bold;
	display:block;
	background: url(images/bg_subtitle01.gif) left center no-repeat;
	color:#000;
	padding:8px 5px 8px 25px;
	display:block;
}
	
.subtitle02{
	font-size:15px;
	font-weight:bold;
	display:block;
	background: url(images/bg_subtitle02.gif) left center no-repeat;
	color:#000;
	padding:8px 5px 8px 25px;
}

.post_content p{
	padding:10px;
}


.single-main p{
	line-height:1.6em;
}


/* ---------- Comments start ---------- */

#comments{
	margin-bottom:20px;
}

#comments h3{
 	margin:0px;
	padding:0px 0px 0px 20px;
	color:#333;
	font-size:14px;
	font-weight: bold;
	text-align: left;
	vertical-align:middle;
	background: url(images/icon_cmt.jpg) left center no-repeat; 
}
#comments p{
	padding:10px;
	background:#fff;
}


#postcomment{
	margin-bottom:40px;
}
#postcomment h3{
 	margin:0px;
	padding:0px 0px 0px 20px;
	color:#333;
	font-size:14px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	background: url(images/icon_cmt.jpg) left center no-repeat; 
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform dl{
	margin-top:10px;
}
#commentform dt{
	width:90px;
	float:left;
	clear:left;
	text-align:left;
	line-height:2em;
	padding-top:2px;

}
#commentform dd{
	text-align:left;
	float:left;
	line-height:2em;
}

#commentform p {
	clear:left;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-bottom:2px;
}
.commentmetadata {
	font-weight: normal;
}

#commentform input {
	width: 240px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width:98%;
	padding: 3px;
	border:1px solid #e4e4e4;
}

#submit {
	padding:10px 15px;
	text-align:center;
}
.meta{
	background:url(images/bg-sen-d.gif) repeat;
	padding:5px;
	margin-bottom:10px;
	border-bottom:1px dashed #999;
}

.alt {
	margin: 0;
	padding: 10px;
}

#comments ol.commentlist li {
	list-style-type:none;
	padding: 10px 0 5px 0;
}

#comments .wrapper  {
	padding: 10px;
	border: 1px solid #ccc;
	background:#fff;
}

#comments ol.commentlist li .comment-head {
	margin: -1px 0 10px 0;
	padding: 10px 0 0 50px;
	background: url(images/commentbubbletip.png) no-repeat 30px 0px;
}

#comments ol.commentlist li .comment-head .avatar img  {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
}

#comments ol.commentlist li .comment-head .user-meta  {
	float: left;
	line-height: 14px;
}

#comments ol.commentlist li .comment-head .user-meta span.name  {
	display: block;
	font-weight: bold;
}

#comments ol.commentlist li .comment-head .user-meta span.date  {
	font-size: 11px;
	color: #999;
}

#comments ol.commentlist li .comment-head .user-meta span.perma  {
	text-transform: uppercase;
	font-size: 11px;
	color: #999;
}

#comments ol.commentlist li .comment-entry p  {
	margin: 0 0 10px 0;
}


/* ---------- Comments end ---------- */


/* ---------- single_main_end ---------- */



/* ---------- Page_Content ---------- */

#page-content{
	margin:0px auto 15px auto;
	width:670px;
}

#page-up h2{
 	padding:7px 10px;
	background:url(images/bar_basic.gif) left center repeat-x;
	color: #fff;
	font-size:13px;
	font-weight:bold;
	text-align: center;
}
	
#page-body{
	padding:5px;
	overflow: hidden;
	color:#666;
	text-align:left;
	line-height:140%;
	font-size:12px;
	letter-spacing:0.08em;
	background:#f5f5f5;
	border:1px solid #ccc;
}

#page-body-content{
	text-align: left;
	background:#fff;
	padding:20px;
}

#page-body table{
 	margin:0 auto;
	text-align:center;
}

#page-body p{
 	text-align:left;
	line-height:1.6em;
}

#page-body-sitemap{
 	padding:20px  60px;
	text-align:left;
}

#page-body-sitemap strong{
	color:#666;
	background-color: #FFF;
	line-height:140%;
	font-size:12px;
	letter-spacing:0.08em;
}

#page-body ul{
	margin-bottom: 20px;
	font-size:12px;
	padding-left:50px;
	overflow: hidden;
	list-style-type: none;
	list-style-position: outside;
}

#page-body li{
	padding-top:10px;
	font-size:12px;
	list-style-type: none;
	list-style-position: outside;
}

#page-bottom{
	height:10px;
	background:url(images/contents-top.gif) repeat;
}
	
/* ---------- Page_body_end ---------- */


/* ---------- category ---------- */

.cat{
	padding:5px;
	clear: both;
	overflow: hidden;
	border:1px solid #ccc;
	background:#f5f5f5;
	margin-bottom:0px;
}	


.cat h2 a{
	color: #fff;
	margin: 0px;
}

.cat h2 a:hover{
	color:#000;
	text-decoration:underline;
}

.cat p{
	padding:5px 0px;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}

.cate_data {
	color:#666;
	margin-left:10px ;	
	margin-bottom:10px ;
	font-size: 12px;
	line-height:140%;	
	text-align: left;	
	text-decoration: none;
	border-bottom: dotted 1px #DDD;
}
	
/* ---------- category_end ---------- */


/* ---------- sidebar common style ---------- */

.sideBox{
	padding:5px;
	border:1px solid #ccc;
	background:#F5F5F5;
	margin-bottom:10px;
}
.sideBox h3{
 	padding:5px 5px;
	background: url(images/bar_sm.gif) left center repeat-x;
	margin-bottom:5px;
	height:18px;	
	color:#fff;
	font-size:12px;
	text-align: left;
	font-weight:bold;
}
.sideBox img{
	text-align:center;
}

.sideBox p{
	text-align:left;
	font-size:12px;
	padding:3px 0px;
}

.sideBox .book{
	padding:10px;
	overflow: hidden;
	text-align: center;
	background-color:#fff;
}

.sideBox ul{
	overflow: hidden;
	list-style-type: none;
	list-style-position: outside;
	padding:10px;
	background-color:#fff;
}

.sideBox li{
	padding:5px 10px;
	font-size:12px;
	list-style-type: none;
	list-style-position: outside;
}

.sideBox a{
	text-decoration:underline;
}

#tagArea{
	padding:10px;
}


/* ---------- rightside ---------- */

#right{
	float: right;
	color:#666;	
	text-align: left;
	width: 200px;
}	


#right .book{
	text-align: center;
	padding:10px;
}

.red-b{
	color:#cc0000;
	font-size:12px;
	font-weight:bold;
}

.box-yellow-b{
	color:#FF0000;
	background-color: #FFFF00;
	font-size:11px;
	font-weight:bold;
}

.bookmark{
	margin-bottom: 10px;
	overflow: hidden;
}

.bookmark a:hover{
     padding:5px 0;
     position: relative;
}	


/* ---------- rightside end ---------- */


/* ---------- content end ---------- */


/* ---------- leftside ---------- */

#left{
	float: left;
	color: #333;	
	text-align: left;
	width: 200px;
	margin:0px;
	padding: 0px 0px 10px;
	font-size: 12px;		
}

#sidepost li{
	background: url(images/ico_new.gif) left 5px no-repeat;
	border-bottom:1px dashed #999;
}
#sidepost li a:link{
	text-decoration:none;
}
#sidepost li a:hover{
	text-decoration: underline;
}


#category li{
	background: url(images/ico_folder.gif) left 5px no-repeat;
}
#category li ul.children{
	margin:0px;
	padding:0px;
}
#category li ul.children li{
	padding-left:15px;
	background: url(images/icon_ca.gif) left 5px no-repeat;
}

#sidecomment li{
	background:url(images/comment.jpg) left 5px no-repeat;
}
#sideLink li{
	background:url(images/icon_list01.gif) left 5px no-repeat;
}
#left li{
	padding:5px 10px 5px 23px;
	font-size:12px;
	list-style-type: none;
	list-style-position: outside;
}

.rss{
	margin-bottom: 20px;
	padding:5px ;
	background: url(images/side_bottom.gif) no-repeat 0 100%;
	overflow: hidden;
}

.rss a:hover{
     padding:5px 10px;
     position: relative;
}

.rss_reader{
	margin-bottom: 20px;
	background: url(images/side_bottom.gif) no-repeat 0 100%;
	overflow: hidden;
}

.rss_reader a:hover{  
	position: relative;
}

.mini-rss{
	text-align:left;
	color: #333 ;
	font-size: 10px ;
}
	

/* ---------- leftside end ---------- */

/* ---------- footer ---------- */

#footer{
	clear:both;
	background: url(images/bg_footer.gif) left top repeat-x;
	width:900px;
	padding:30px 0px;
}

#footer p{
	font-size: 12px;
	letter-spacing: 0.1em;
	color:#fff;
	text-align: center;
}

#footer a{
	text-decoration:none;
	color:#fff;
}

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

	

#tokusho {
	font-size: 10px;
	text-align:center;
	margin-top: 30px;
	margin-bottom: 10px;
}

.policy{
	width:580px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
	
.policy p{
	color:#666;
	text-align:left;
	line-height:140%;
	font-size:12px;
 	padding: 20px;
	letter-spacing:0.08em;
}

/* ---------- footer_end ---------- */

/* ---------- button hover start ---------- */

.mailmg a {
	display:block; 
	height:35px;
	background: url(/images/btn-mailmg_off.jpg);
	text-decoration:none;
	line-height:33px; 
	white-space:nowrap;
	color: #fff;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.mailmg a:hover {
	background: url(/images/btn-mailmg_on.jpg);
	cursor:pointer; 
	color: #fff;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
/* ---------- button hover end ---------- */