@charset "UTF-8" ;

/* サイト共通基本設定
---------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding:0;
	font-size: 100%;
	line-height: 1.6;
	color: #1e1e1e;
	border-top: 4px solid #434997;
	border-top: 0;
	word-break: break-all;
}

body, textarea{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

input, select{
	font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
}

h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, p, address{
	font-size: 100%;
	margin: 0 ;
	padding: 0 ;
	font-weight: normal;
	font-style: normal;
}

ul{
	list-style-type: none;
}

ol li{
	margin-left: 20px;
	/margin-left: 25px;
}

p{
	font-size: 100% ;
	margin: 0;
	padding: 0;
}

a{
	text-decoration: underline;
	color: #333;
	outline: none;
}

a:hover{
	text-decoration : none;
}

table{
	border-collapse: collapse;
	font-size: 100%;
}

th, td{
	vertical-align: top;
	font-weight: normal;
	text-align: left;
	font-size: 100%;
}

img{ border: none;}
.none, .sm{ display: none;}
.fl_l, .fl_ls{ float: left;}
.fl_r{ float: right;}
.al_r{ text-align: right;}
.al_c{ text-align: center;}
.m10{ margin: 10px!important;}
.mt0{ margin-top: 0!important;}
.mt10{ margin-top: 10px!important;}
.mt15{ margin-top: 15px!important;}
.mt20{ margin-top: 20px!important;}
.mt30{ margin-top: 30px!important;}
.mb10{ margin-bottom: 10px!important;}
.mb20{ margin-bottom: 20px!important;}
.mb30{ margin-bottom: 30px!important;}
.mr0{ margin-right: 0!important;}
.ml20{ margin-left: 20px!important;}
.mr10{ margin-right: 10px!important;}
.mr20{ margin-right: 20px!important;}
.bt0{ border-top: 0px!important;}
.pd10{ padding: 10px!important;}
.pd0_10{ padding: 0 10px;}
.pd10_20{ padding: 10px 20px!important;}

.w220{ width: 220px;}
.w370{ width: 370px;}
.w380{ width: 380px;}
.w410{ width: 410px;}
.w460{ width: 460px;}

.fs80{ font-size: 80%!important;}
.fs90{ font-size: 90%!important;}
.fs110{ font-size: 110%!important;}
.fs120{ font-size: 120%!important;}
.lh12{ line-height: 1.2;}

.bold{ font-weight: bold;}
.p p{ margin-bottom: 1em;}

.inb{
	letter-spacing: -.40em;
}

.inb li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	letter-spacing: normal;
}

.li_disc li{
	list-style-type: disc;
	margin: 0 0 10px 20px;
}

.li_circle li{
	list-style-type: circle;
	margin: 0 0 0px 20px;
}

.dl_list dt{
	font-weight: bold;
	margin-top: 1em;
}

.dl_list dd{
	padding-left: 1em;
}

.ind{
	text-indent: -1em;
	margin-left: 1em
}

.ar_list a{
	padding-left: 10px;
	background: url(../img/icon_arrow2.gif) no-repeat left center;
}

.min{
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

.col_red{ color: red;}

a:hover img, .o:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.type1_left {
	position: relative;
	font-weight: bold;
}
.type1_center {
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
.type1_right {
	left: 0;
	position: absolute;
	text-align: right;
	top: 0;
	width: 100%;
}

/* clearfix
------------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix{
	min-height: 1px;
}

* html .clearfix{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* 共通
------------------------------------------*/
.inner{
	width: 980px;
	margin: 0 auto;
}

#contents{
	background: url(../img/bg_contents.png) repeat 0 0;
	z-index: 0;
	padding-bottom: 50px;
	padding-top: 175px;
}

#side{
	width: 280px;
	float: left;
}

#main{
	width: 673px;
	float: right;
	background: #fff;
}

.in{
	padding: 20px 24px;
}

.box{
	border: 1px solid #aaa;
}

.box2{
	background: url(../img/bg_pattern3.png) left top;
	border: 1px solid #aaa;
}

.wbox{
	background: #fff;
	border: 1px solid #aaa;
}

.tt{
	padding: 10px 10px 11px 17px;
	background: url(../img/bg_title_line.png) repeat-x left bottom;
}

h3.search{ background-color: #d1744f;}
h3.contribute{ background-color: #6e82b0;}
h3.blog{ background-color: #928178;}
h3.database{ background-color: #c9943e;}
h3.photo{ background-color: #506a99;}
h3.archive{ background-color: #be5673;}

p.btn {
  width: 70%;
  margin: 30px auto 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #aaa;
  font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
  letter-spacing: 0.15em;
}
p.btn a {
	display: block;
	padding: 12px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	behavior: url(js/PIE.htc);
  background: url(../img/icon_arrow_w.gif) no-repeat 97% center #90698b;
}



/* ヘッダー
------------------------------------------*/
header{
	/* height: 165px; */
	height: 155px;
	color: #666;
	/* margin-bottom: 30px!important; */
	margin-bottom: 0!important;
	/* position: relative; */
	position: fixed;
	z-index: 10001;
	background: #FFFFFF;
	width: 100%;
	padding-bottom: 20px;
	border-top: 4px solid #434997;
	box-shadow:0px 3px 12px -6px #000000;
}

header a{
	color: #666;
}

header .inner {
  position: relative;
  height: 155px;
}

h1{
	width: 232px;
	position: absolute;
	/* top: 20px; */
	top: 10px;
	left: 0;
}

h1 a{
	display: block;
	height: 74px;
	text-indent: -9999px;
	background: url(../img/img_logo.png) no-repeat center;
}

header .link{
	position: absolute;
	/* top: 35px; */
  top: 20px;
	right: 0;
}
header .link li{
	float: left;
	font-size: 80%;
}
header .link a{
	padding-left: 15px;
	text-decoration: underline;
}
header .link a:hover{
	text-decoration: none;
}

header .link .fb a{
	display: block;
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 3px 10px 0 0;
	text-indent: -9999px;
	background: url(../img/btn_fb.png) no-repeat 0 0;
}
header .link .tw a{
	display: block;
	width: 21px;
	height: 18px;
	padding: 0;
	margin: 3px 10px 0 0;
	text-indent: -9999px;
	background: url(../img/btn_tw.png) no-repeat 0 0;
}

header .link .l1, header .link .l2, header .link .l3{
	padding: 0 6px;
	border-left: 1px solid #ddd;
}

header .link .l1 a{
	padding-left: 25px;
	background: url(../img/icon_header1.png) no-repeat left center;
}
header .link .l2 a{
	background: url(../img/icon_header2.png) no-repeat left center;
}
header .link .l3 a{
	background: url(../img/icon_header3.png) no-repeat left center;
}

header .login{
	position: absolute;
	top: 10px;
	right: 0;
}
header .login li{
	float: left;
	font-size: 80%;
}
header .login a{
	text-decoration: underline;
}
header .login a:hover{
	text-decoration: none;
}
header .login .l1{
	padding: 0 6px;
}

header .sbox{
	position: absolute;
	/* top: 65px; */
	top: 55px;
	right: 0;
}

header p.bunka {
	width: 232px;
	position: absolute;
	top: 10px;
	left: 260px;
}

header p.bunka a {
	display: block;
	height: 74px;
	text-indent: -9999px;
	background: url(../img/img_bnr_bunka.png) no-repeat center;
}

#fontsize{
	line-height: 23px;
	font-size: 90%;
}

#fontsize li{
	float: left;
	margin-right: 10px;
}

#fontsize span{
	padding: 3px 5px;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #aaa;
}

#fontsize .active{
	background: #aaa;
	color: #fff;
	cursor: default;
}

#search{
	width: 236px;
	height: 23px;
	display: table!important;
}

#search li{
	display: table-cell!important;
	vertical-align: top;
}

#search .form input{
	width: 190px;
	height: 17px;
	padding: 2px 10px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	border: 1px solid #aaa;
}

#search .btn{
	width: 26px;
}
/* フッター
------------------------------------------*/
footer .inner{
	font-size: 80%;
	text-align: right;
	padding: 25px 0;
	background: url(../img/img_logo.png) no-repeat left center;
	position: relative;
}

footer .link li{
	width: 170px;
	text-align: center;
	margin-bottom: 20px;
	line-height: 32px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-right: 1px dotted #000;
}

footer .link li:first-child{
	border-left: 1px dotted #000;
}

footer li.contact{
	width: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	border: none;
	padding: 0;
	line-height: normal;
}

footer li.contact a{
	display: block;
	width: 346px;
	height: 27px;
	text-align: left;
	text-indent: -9999px;
	background: url(../img/btn_contact.png) no-repeat 0 0;
}

.fb-like{
	position: absolute;
	bottom: 0;
	right: 360px;
}


address{
	padding: 20px 0;
	color: #fff;
	font-size: 80%;
	text-align: center;
	background: url(../img/bg_pattern.gif) repeat center top;
}

/* タブ
------------------------------------------*/
.ui-tabs-hide{
	display: none;
}

/*検索する*/
.search_box{
	background: url(../img/bg_pattern3.png) repeat left top;
	border: 1px solid #aaa;
}

.search_box .ui-tabs-nav{
	height: 40px;
	margin-top: 6px;
	text-align: center;
	letter-spacing: -.40em;
	background: url(../img/bg_ddd.gif) repeat-x left bottom #fff;
}

.search_box .ui-tabs-nav li{
	width: 128px;
	margin: 0 2px;
	padding: 2px 0;
	vertical-align: top;
	display: inline-block;
	letter-spacing: normal;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background: url(../img/bg_pattern4.png) repeat left top;
	border: 1px solid #aaa;
}

.search_box .ui-tabs-nav li a{
	text-indent: -9999px;
	display: block;
	height: 34px;
	background: url(../img/bg_tab_search.png) no-repeat 0 0;
}

.search_box .ui-tabs-nav li a.t1{
	background-position: center top;
}

.search_box .ui-tabs-nav li a.t2{
	background-position: center bottom;
}

.search_box .ui-tabs-nav li.ui-tabs-selected{
	background: url(../img/bg_pattern3.png) repeat left top;
	border-bottom: 0px!important;
}

.search_box .ui-tabs-nav li.ui-tabs-selected a{
	height: 35px;
}

.search_box .ui-tabs-panel{
	padding: 10px;
}

.search_box dt{
	margin: 20px 0 10px 0;
	font-size: 90%;
	line-height: 1.2;
	border-bottom: 3px double #ddd;
}

.search_box dd{
	font-size: 80%;
	padding: 0 3px;
}

.search_box dd li{
	line-height: 1.2;
	margin-bottom: 5px;
}

.search_box .category li{
	width: 50%;
	float: left;
	font-size: 90%;
}

.search_box label{
	display: block;
}

.search_box label input{
	vertical-align: middle;
	margin-right: 2px;
}

.search_box dd li label img{
	margin-right: 2px;
	vertical-align: middle;
}

.search_box input[type=text]{
	width: 100%;
	padding: 5px 0;
	border: 1px solid #999;
}

.search_box dd select{
	margin-right: 5px;
}

.search_box .category.subcat label{
	display: inline;
}
.search_box .category.subcat li{
	width: 100%;
}
.search_box .category.subcat li span{
	margin-left: 5px;
	cursor: pointer;
	color: #878787;
}
.search_box .category.subcat li ul{
	display: none;
	margin-top: 5px;
}
.search_box .category.subcat li ul li{
	width: 50%;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 12px;
}
.search_box .category.subcat li ul li label{
	display: block;
}