/* CSS Document */



/* 基本情報 ---------------------------------- */

* html *{    /*for Win IE6*/
	zoom: normal;
	}

body {
	/*height: 100%;*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	top:0;
	font-size: 12px;
	height: 100%;
	margin: auto;
	padding: auto;
	text-align: left;
	color: #333333;
	background: url(../img/common/bg.gif) no-repeat left top fixed;
	line-height: 1.8em;
}

a:link{ color: #333333; text-decoration: none; }

a:visited{ color: #333333; text-decoration: none; }

a:hover, a:focus{ color: #999;	text-decoration: none; }

a:hover img{
  opacity:0.8;
  filter: alpha(opacity=80);
}

#footer a {
	color: #666;
}

#footer a:hover {
	color: #191919;
	text-decoration: underline;
}
h1 {
	float: left;
}

h2 {
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 p{
	margin: 20px 10px 0 85px;
	float: left;
	font-size: 21px;
	}

h3,h4,h5,h6,p,ul,ol,dl,li {
 margin-top: 0px;
 margin-bottom: 0px;
 }

img{
	border:none;
}


/* layout */

#wrap {
	 width: 940px;
	 height: auto;
	 margin: 0 auto;
	 text-align: left;
	 white-space: normal;
	 padding: 10px 10px 0 10px;
	 background: url(../img/common/bg_contents.png) repeat;
 }
 
#header {
	 width: 940px;
	 height: auto;
	 margin-top: 20px;
 }
 
#left {
	width: 680px;
	height: auto;
	float: left;
	padding-top: 20px;
	padding-right: 10px;
}

#right {
	width: 235px;
	height: auto;
	float: right;
	padding: 0 0 20px 0 ;
	margin: 0;
}

#right_boxright {
	float: right;
	text-align: left;
}

#right_boxright p{
	line-height: 1.2em;
	margin: 5px 0 0 0;
	padding: 0 7px;
	width:auto;
	}



.content_right {
	width: 235px;
	height: auto;
	margin: 10px 0 0 0;
	border-top: 1px dotted #999;
}


#footer_bg {
	width: 100%;
	height: 310px;
	background: url(../img/common/bg_footer.gif) repeat-x;
	margin: 0;
	padding: 0 0 10px 0;
}

#footer {
	width: 940px;
	height: auto;
	margin: 0 auto;
	padding-top: 20px;
}
 
 
 
/* search */ 
#search {
	float: right;
	width: auto;
	height: auto;
	margin-top: 20px;
}

#header form{
	width: auto;
    margin:0 30px 0 0;
	float: right;
}

.search {
    padding:6px 15px 6px 15px;
    margin:3px;
	width: 120px;
}

.rounded {
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}

#search input[type=text]{
    color:#bcbcbc;
}

input[type=submit], input[type=submit]:hover ,
input[type=button], input[type=button]:hover {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 5px;
	cursor:pointer;
	background: -moz-linear-gradient(center bottom, #C0C0C0 0%,#EFEFEF 100%,#EFEFEF 73%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C0C0C0),color-stop(1, #EFEFEF),color-stop(0.73, #EFEFEF));
}
 
/* menu */
 
#menu {
	width: 940px;
	height: 42px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	font-size: 15px;
}

#menu a:hover {color: #FFF;}

#menu ul {
	width: 940px;
	height: 42px;
	margin: 0;
	padding: 0;
}

#menu ul li {
	float: left;
	width: 94px;
	height: 42px;
	list-style: none;
	text-align: center;
}

#menu ul li a {
	width: auto;
	height: 30px;
	display: block;
	padding-top: 12px;
}

#menu ul li a:hover {
	background: #FF8CB3;
	list-style: none;
}


/* topic path */
#topic_path {
	width: auto;
	height: 28px;
	padding: 10px 0 0 10px;
	font-size: 12px;
	float: left;
}

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

#topic_path ul li {
	float: left;
	list-style: none;
	background: url(../img/common/topic_path.gif) no-repeat left top;
	padding-left: 10px;
	margin-left: 7px;
}

/* sns link */
#sns_link {
	float: right;
	width: auto;
	height: 35px;
	background: url(../img/common/img_sns.gif) no-repeat left;
	padding-top: 10px;
	padding-left: 165px;
	padding-right: 10px;
}

#sns_link img {
	margin: 0;
	padding: 0;
}


/* contents */

#contents{
	width: 940px;
	height: auto;
	background: url(../img/common/bg_wrapper.gif);
	margin: 0 auto;
	padding: 0;
	border-top: 1px dotted #999;
	
}

#contents_top{
	width: 940px;
	height: auto;
	background: url(../img/common/bg_wrapper.gif);
	margin: 0 auto;
	padding: 0;
	
}
#contents img {
	padding: 5px;
}

.contents_box {
	width: auto;
	height: auto;
	border-top: 1px dotted #999;
	padding-top: 10px;
	margin-bottom: 15px;
}

/* top h2 */

.btn_title a{
	background: -moz-linear-gradient(center bottom, #F1C0C0 0%,#F1F0F0 96%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F1C0C0),color-stop(0.96, #F1F0F0));
    border: 1px solid #DDD;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	text-decoration: none;
    color: #4E4E4E;
	width: auto;
	height: 23px;
	font-size: 11px;
	float: right;
	text-align: center;
	font-weight: normal;
	padding: 5px 5px 0 5px;
	margin: 18px auto 0 auto;
}

.btn_title a:hover{
	background: -moz-linear-gradient(center bottom, #F1C0C0 100%,#F1F0F0 0%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #F1C0C0),color-stop(0, #F1F0F0));
    border: 1px solid #DDD;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #C66;
	width: auto;
	height: 23px;
	font-size: 11px;
	float: right;
	text-align: center;
	font-weight: normal;
	padding: 5px 5px 0 5px;
	margin: 18px auto 0 auto;
	text-decoration: none;
}

.top_title1 {
	width: 667px;
	height: 58px;
	background: url(../img/top/title1.gif) no-repeat left top;
	margin-bottom: 15px;
	border-bottom: 2px dotted #CCCCCC;
}

.top_title2 {
	width: 667px;
	height: 58px;
	background: url(../img/top/title2.gif) no-repeat left top;
	margin-bottom: 15px;
	border-bottom: 2px dotted #CCCCCC;
}


/* information */
.info_txt {
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0;
	float: left;
	padding-top: 3px;
}

#info_box {
	width: 460px;
	border: 1px solid #B4D8EF;
	background: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	padding: 1px 5px 0 5px;
}


.btn_info a{
	background: -moz-linear-gradient(center bottom, #F1C0C0 0%,#F1F0F0 96%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F1C0C0),color-stop(0.96, #F1F0F0));
    border: 1px solid #DDD;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #4E4E4E;
/*	width: 80px;*/
	height: 17px;
	font-size: 11px;
	float: right;
	text-align: center;
	font-weight: normal;
	padding: 2px 5px 3px 5px;
	margin-right: 33px;
	margin-top: 10px;
	display: block;
	text-decoration: none;
}

.btn_info a:hover{
	background: -moz-linear-gradient(center bottom, #F1C0C0 100%,#F1F0F0 0%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #F1C0C0),color-stop(0, #F1F0F0));
    border: 1px solid #DDD;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #C66;
/*	width: 80px;*/
	height: 17px;
	font-size: 11px;
	float: right;
	text-align: center;
	font-weight: normal;
	padding: 2px 5px 3px 5px;
	margin-right: 33px;
	margin-top: 10px;
	display: block;
	text-decoration: none;
}

/* font size */
#font_size {
	-webkit-box-shadow: inset 0px 0px 6px 0px #999; /* Safari, Chrome用 */
	-moz-box-shadow: inset 0px 0px 6px 0px #999; /* Firefox用 */
	box-shadow: inset 0px 0px 6px 0px #999; /* CSS3 */
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */ 
	width: 220px;
	height: 32px;
	float: right;
	background: #FFF;
	}

#font_size p {
	float: left;
	margin: 0;
	padding: 7px 15px 5px 15px;
}

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

#font_size ul li {
	list-style: none;
	float: left;
}

#font_size ul li a {
	width: 43px;
	height: 31px;
	display: block;
	text-indent: -999em;
	float: left;
}

#font_size .txt1 a{ width: 43px; height: 31px; background: url(../img/common/txt1_off.gif) no-repeat; outline:none;}
#font_size .txt2 a{ width: 43px; height: 31px; background: url(../img/common/txt2_off.gif) no-repeat; outline:none;}
#font_size .txt3 a{ width: 43px; height: 31px; background: url(../img/common/txt3_off.gif) no-repeat; outline:none;}
#font_size .txt1 a:hover , #font_size .txt1 a.txtHover { width: 43px; height: 31px; background: url(../img/common/txt1_on.gif) no-repeat;}
#font_size .txt2 a:hover , #font_size .txt2 a.txtHover { width: 43px; height: 31px; background: url(../img/common/txt2_on.gif) no-repeat;}
#font_size .txt3 a:hover , #font_size .txt3 a.txtHover { width: 43px; height: 31px; background: url(../img/common/txt3_on.gif) no-repeat;}






/* news */

#news_left{
	width: 500px;
	height: auto;
	float: left;
	margin-left: 15px;
}

#news_right {
	width: 160px;
	height: auto;
	float: left;
}

#news_right img {
	margin-bottom: 10px;
}

.news {
	width: 95px;
	height: 15px;
	float: left;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: #F192B2;
	color: #888888;
	text-align: center;
	color: #FFF;
	padding: 0 5px 3px 5px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 15px;
}
.news a{
	color: #FFF;
}

#news_left dl{ margin: 0; padding: 0;}
#news_left dt{ margin: 0 10px 0 0;}
#news_left dd{ margin: 0 0 5px 10px;}

#news_right dl{ margin: 0; padding: 0;}
#news_right dt{ margin: 0 10px 0 0;}
#news_right dd{ margin: 0 0 5px 0; padding-top: 5px; font-size: 11px; clear:both; line-height: 1.4em;}

/* btn */
.btn_more {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 5px;
	background: -moz-linear-gradient(center bottom, #C0C0C0 0%,#EFEFEF 100%,#EFEFEF 73%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C0C0C0),color-stop(1, #EFEFEF),color-stop(0.73, #EFEFEF));
	text-decoration: none;
}

.link_nex {
	float: left;
}

.link_prev {
	float: right;
	clear: both;
}


/* content */
.photo_content {
/*	float: left;
	margin-left: 15px;
	width: 150px;
	height: auto;
	border: 1px solid #CCC;*/
}
.photo_content_list {
	float: left;
	margin-left: 15px;
	width: 150px;
	height: auto;
	border: 1px solid #CCC;
}

.content_photo_layout{
	border: 1px solid #CCC;
	width:150px;
	float: left;
	margin-left: 15px;
	overflow: hidden;
}
.content_photo_layout img{
	margin:0 auto;
	display:block;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.content_space1{
	width: 680px;
	height:auto;
	clear: both;
}

.content_space2 {
	width: 680px;
	height: auto;
	border-top: 1px solid #CCC;
	padding: 10px 0;
	margin-top: 10px;
	clear: both;
}


.content_area {
	width: 153px;
	height: auto;
	float: left;
	text-align: justify;
	margin-left: 10px;
	line-height: 1.4em;
}

.content_area_list {
	width: 485px;
	height: auto;
	float: right;
	text-align: justify;
}



/* calendar */
.calendar_prev {
	float: left;
	width: auto;
	height: auto;
	margin: 0 0 0 15px;
}

.calendar_next{
	float: right;
	width: auto;
	height: auto;
	margin: 0 15px 0 0;
}

#table_cal {
	text-align: center;
	background: #ccc;
	color: #666;
	width: 210px;
	margin: 5px auto;
}

#table_cal tr {
	background: #FFF;
}

#table_cal tr td {
	padding: 3px;
}

.bg_year {
	background: #EEEEEE;
}

.bg_week {
	background: #E2F4BC;
}

.bg_imp {
	background: #F192B2;
	color: #fff;
}

.bg_evt {
	background: #FFCC66;
}

.bg_sat {
	background: #C9E099;
}

.bg_sun {
	background: #F5C0D2;
}

#table_cal tr td.off{
	color: #ccc;
}

.list_cal { list-style: none; margin: 0; padding: 0; font-size: 11px; width: 210px; margin: auto;}
.list_cal li { list-style: none; margin: 0; border-bottom: 1px dashed #CCCCCC; padding: 2px 0; background: url(../img/top/right/list.gif) no-repeat left; padding-left: 10px; padding-top: 3px;}


 /* back number */

.back_nm {
	float: left;
	margin: 5px 0 0 10px;
}


 /* footer */
 
.f_tit {
	width: 200px;
	height: 17px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: #F192B2;
	color: #888888;
	text-align: left;
	color: #FFF;
	padding: 0 5px 3px 10px;
	font-weight: bold;
	margin: 10px 0 0 0;
	font-size: 13px;
}

.footer_box1 {
	float: left;
	width: 240px;
	height: 270px;
}

.footer_box2 {
	float: left;
	width: 230px;
	height:270px;
}

.footer_box1 dd {
	margin: 10px 0 0 5px;
	width: 110px;
	height: auto;
	line-height: 1.2em;
	float: left;
}

.footer_box2 dd {
	margin: 10px 0 0 5px;
	width: 120px;
	height: auto;
	line-height: 1.2em;
}

.copy {
	text-align: center;
	font-size: 11px;
	color: #333;
}

/*  page number  */

.page_space {
	float: right;
	width: auto;
	height: auto;
	text-align: right;
	margin-top: 15px;
	margin-right: 10px;
}

.page_number{
	text-align: center;
	width: auto;
	height: 15px;
	float: left;
	margin-left: 5px;
}

.page_number a{
	border: 1px solid #666;
	padding: 5px;
	background: #CCC;
	text-align: center;
	width: auto;
	height: 15px;
	float: left;
	margin-left: 5px;
	padding: 0 7px 7px 7px ;
}
.page_space .nowon{
	border: 1px solid #666;
	padding: 5px;
	background: #FFF;
	text-align: center;
	width: auto;
	height: 15px;
	float: left;
	margin-left: 5px;
	padding: 0 7px 7px 7px ;
}


/* category */
.category_list {
	width: 680px;
	height: auto;
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	clear: both;
}

.category_list li {
	border-bottom: 1px dotted #666666;
	width: 680px;
	height: auto;
}

.category_img {
	width: 80px;
	height: auto;
	float: left;
	margin: 10px 0;
}

h4.category_title {
	font-size: 14px;
}

.category_txt {
	width: 585px;
	height: auto;
	float: left;
	margin: 10px 0 10px 10px;
}

p.more_read {
	float: right;
	background: url(../img/common/list.gif) no-repeat left top;
	padding-left: 10px;
	font-size: 11px;
}

p.more_read a {
	text-decoration: underline;
	color: #F192B2;
}

p.more_read a:hover {
	text-decoration: none;
	color: #999;
}
/* pagetop */
#pagetop {
	width: 940px;
	height: auto;
	text-align: right;
	margin: -23px auto 0 auto; 
	padding: 0 0 10px 0;
	background: url(../img/common/bg_wrapper.gif);
}

/* right */

.right_tit1 {
	width: 235px;
	height: 48px;
	border-bottom: 2px dotted #CCCCCC;
	background: url(../img/top/right/title3.gif) left no-repeat;
}

.right_tit2 {
	width: 235px;
	height: 48px;
	border-bottom: 2px dotted #CCCCCC;
	background: url(../img/top/right/title4.gif) left no-repeat;
}
.right_tit2 p.right_backnumber{
	margin: 2px 0 0 63px;
	font-size: 15px;
}

.right_tittxt {
	margin: 17px 10px 0 63px;
	font-size: 15px;
}


/* detail */
.news_photo,
.special_photo {
	width: 180px;
	height: auto;
	float: right;
	margin-bottom: 7px;
	margin-left: 5px;
}
.news_photo img,
.special_photo img{
	width: 150px;
	margin:0 auto;
	display:block;
}

.news_photo p,
.special_photo p {
	font-size: 10px;
	margin: -3px 10px 0 3px;
	color: #999;
	line-height: 1.3em;
/*	width: 270px;*/
}