@charset "UTF-8";
/* CSS Document */
/* Reset of Default Style
/*-----------------------------------------------------*/
html,body{
    width: 100%;
}
h1, h2, h3, h4, h5, h6, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
img { vertical-align: text-bottom; }
hr  { 
	display: block;
	width: 100%;
	height:2px;
	margin:30px 0;
	background:#eee;
}
table.default, td.default {
	border:solid #999999;
	border-width:1px;
	border-collapse:collapse;

}
/* 全体
/*-----------------------------------------------------*/
body {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; 
	color:#333;
	line-height: 1.7;
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
	text-align: left;
	margin:0;
	padding:0;
}
#container {
	margin-left:10px;
	float:left;
	width:910px;
	padding:0;
	overflow:hidden;
	background:#ffffff;
          border:2px solid #F2F2F2;
          box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
          -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
          -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
	position: relative;
	z-index: 0;
}

/* ページトップへ
/*-----------------------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 0%;
    right: 3%;
    font-size: 70%;
}
#pagetop a {
    display: block;
    text-decoration: none;
    padding-top: 80px;
    width: 120px;
    height: 0px;
    overflow: hidden;
    background: url(../img/pagetop.png) no-repeat 0 0;//画像のURLを指定。
}
/*-----------------------------------------------------*/
@media only screen and (max-width: 920px) {  
    #container{
        margin-left:0px;
	border:0px solid #F2F2F2;
    }
    #pagetop {
    	visibility: hidden;
    }
}
p {
	padding-top:0;
	margin-top:0;
}
/*リンク*/
a {
	color:BLUE;
}
a:hover {
	color:#6666FF;
}
a:visited { 
	color: #6666FF;
}
a:hover img
{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
a:hover .imgover {
	opacity:1.0;
}
a img {
	border-style:none;
}
.top_logo1 {
	position: relative;
	z-index: 10;
	float:left;
}
.top_logo2 {
	position: relative;
	z-index: 0;
	float:left;
}
a:hover .top_logo1 {
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/* clearfix
/*-----------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1;}
*:first-child+html .clearfix { zoom: 1;}
.clearfix {
	clear:both;
}
/* h1,h2
/*-----------------------------------------------------*/
#contents {
	background:url(../img/bg_contents.jpg);
	border-bottom:1px solid #cfcfcf;
}
#contents-r {
	background:url(../img/bg_contents-r.jpg);
	border-bottom:1px solid #cfcfcf;
	font-weight:bold;
}
#contents-c {
	background:url(../img/bg_contents-c.jpg);
	border-bottom:1px solid #cfcfcf;
	font-weight:bold;
}
#contents-top {
	background:url(../img/bg_contents-top.jpg);
	height:50px;
	background-repeat:no-repeat;
}
#diary_lastup {
	margin:0 0 0 4px;
}

h1 {
	margin:15px 0 0 -10px;
	height:47px;
	padding:3px 0 0 30px;
	font-size:1.3em;
	color:#000;
}
h2 {
	margin:30px 0 20px 0;
	height:35px;
	padding:5px 0 0 30px;
	font-size:1.3em;
	font-weight: normal;
}
h3 {
	background:#7378D9;
	color:#fff;
}

/* このページのトップへ
/*-----------------------------------------------------*/
.link-top {
	text-align:right;
	margin:20px 0 0 0;
}

/* ヘッダー
/*-----------------------------------------------------*/
#header {
	margin:0 0 0 0;
	background:url(../img/top_menubg.jpg?140412);
}
#header #headmenu {
	height:70px;

}
#header #top-left {
	padding:0;
	width:650px;
	height:200px;
	float:left;
}
#header #top-right {
	float:left;
}
#header .grnavi,
#header .grmenu{
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
}
#header .grmenu li{
	display: table-cell;
	text-align:center;
	position:relative;
	font-size: 120%;
	font-weight:bold;
	border-right: 1px solid #ccc; /* 区切り線 */
	z-index: 0;
	padding:0 0 2px;
}


#header .grnavi a {
	text-decoration: none; color: #333;
	display: block;
	padding:7px 10px 5px;


}
#header .grnavi a:hover {
	text-decoration: none; color: blue;
	padding:5px 10px 5px;
	border-top:2px solid #CD619B;

}
#header-line {
	width:900px;
	height:16px;
	background:#7378D9;
	text-align:center;
	padding:5px;
	float:left;
}

/* トップローテーションバナー
/*-----------------------------------------------------*/
#slider-wrap {
	width:100%;
	background:#fff;
}
#slider {
	margin:0 auto;
	width:910px;
	height:250px;
	padding:0;
	overflow:hidden;
}
#slider div {
	padding:0;
}
#slider .bnr1 a, #slider .bnr2 a, #slider .bnr3 a, #slider .bnr4 a, #slider .bnr5 a {
	display:block;
	text-indent:-9999px;
	background:url(../img/top/top_bnr01.jpg) center;
	width:910px;
	height:250px;
}
#slider .bnr1 a {
	background:url(../img/top1.jpg?170603) center;
}
#slider .bnr2 a {
	background:url(../img/top2.jpg?170603) center;
}
#slider .bnr3 a {
	background:url(../img/top3.jpg?170603) center;
}
#slider .bnr4 a {
	background:url(../img/top4.jpg?170603) center;
}
#slider .bnr5 a {
	background:url(../img/top5.jpg?170603) center;
}

/* トップ3連バナー
/*-----------------------------------------------------*/
#btn-top {
	padding:0px;
	background:#fff;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}
#btn-top ul {
	padding-left:5px;
}
#btn-top ul li {
	width:300px;
	float:left;
	padding:0px;
	color:#fff;
}
#btn-top ul li img {
	background:#fff;
	color:#fff;
}
#btn-top ul li dt {
	padding-left:30px;
	background:url(../img/btn-top-bg.jpg);
	text-align:left;
	font-size: 120%;
	margin-bottom: 0px;
	font-weight:bold; 
	color:#000;
}
/* トップサブバナー
/*-----------------------------------------------------*/
#top-sub-left {
	float:left;
	text-align:left;
	width:500px;
}
#top-sub-right {
	float:right;
	text-align:left;
	width:380px;
	padding: 10px 0px 0px 10px;
	background:#fff;
}

/* フッター
/*-----------------------------------------------------*/
#footer {
	border-top:1px solid #cfcfcf;
	background:#ccc;
	height:100px;
	background:url(../img/bg_footer.jpg);
	background-repeat:no-repeat;

}
#footer #footmenu {
     text-align:center;
     vertical-align:middle;
    margin:30px 0 0 0px;
	font-size: 60%;

}
/* メイン
/*-----------------------------------------------------*/
#middle {

}
#main {
	width:100%;
}
#middle-oth {
	padding:0px;
	background:url(../img/bg_main.jpg);
}
/* パンくず
/*-----------------------------------------------------*/
#bread {
	padding:10px;
	border-bottom:1px solid #cfcfcf;
}

/* 各コンテンツトップページ
/*-----------------------------------------------------*/
#main {
	padding:0px;
	background:#fff;
	border-bottom:1px solid #cfcfcf;
}
#main ul {
	padding-left:5px;
}
#main ul li {
	width:300px;
	float:left;
	padding:0px;
	color:#000;
}
#main ul li img {
	background:#fff;
	color:#000;
}

#main ul li dt {
	padding-left:30px;
	background:url(../img/btn-top-bg.jpg);
	text-align:left;
	font-size: 120%;
	font-weight:bold; 
	color:#000;
	height:29px;
	margin-bottom: 5px;
}

#main ul li dt.samune {
	padding-left:30px;
	background:url(../img/btn-top-bg.jpg);
	text-align:left;
	font-size: 120%;
	font-weight:bold; 
	color:#000;
	height:29px;
	margin-bottom: 0px;
}

#main ul li dd {
	background:url(../img/btn-top-bg2.jpg);
	font-size: 90%;
	text-align:right;
	color:#000;
	margin-bottom: 5px;
}
/* 各コンテンツミドル
/*-----------------------------------------------------*/
#contents-sub-left {
	float:left;
	text-align:left;
	padding: 10px 0px 0px 10px;
}
#contents-sub-right {
	float:left;
	text-align:left;
	padding: 10px 0px 0px 30px;
}
#main-box {
	margin: 0 auto;
	width:700px;

}
.text {
	padding: 0px 20px 0px 20px;
}

#main #subtop_list dl {
    	width: 900px;
	list-style-type: none;
}

#main #subtop_list ul {
	float:left;
	width:900px;
	height:25px;
}
#main #subtop_list li {
	float:left;
	width:160px;
	height:25px;
	white-space:nowrap;
}

/* サイドメニュー
/*-----------------------------------------------------*/
#sidemenu ul.sidelink {
	margin:0 0 0 0;
	padding:10px 0 30px 0;
	font-size:1.3em;
	color:#fff;
	background:#7378D9;
	font-weight:bold; 
}
#sidemenu .sidelink li {
	margin:0 0 10px 0;
}
#sidemenu ul.sidelink ul {
	margin:10px 0 0 0;
}
#sidemenu .sidelink li li {
	padding:5px 0 5px 10px;
	margin:0;
	background:#fff;
	border-bottom:1px solid #cfcfcf;
	background:#fff;
	color:#fff;
	font-size:0.8em;
}

	#gsc{
	    width:280px;
	    margin:5 auto;
	    position:absolute;
	}
	#gsc .gsc-control-cse,
	#gsc .gsc-control-cse-ja,
	#gsc .gsib_a{
	    margin:0 !important;
	    padding:0 !important;
	}

	/* テキスト入力フォーム */
	#gsc input[type="text"]{
	    border: 1px solid #dddddd !important;
	    height:21px !important;
	}
	#gsc input[type="text"]:focus {
	    border: 1px solid #008ee1 !important;
	    outline: 0;  /*safariの自動フォーカスを切る */
	}

	/* ボタンの色 */
	#gsc input.gsc-search-button {
	background: #becad8 !important;
	background: -ms-linear-gradient(top,  #becad8 0%,#becad8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#becad8', endColorstr='#becad8',GradientType=0 ); /* IE6-9 */
	border: 1px solid #becad8 !important;
	height:25px !important;
	}
	/* ボタンの位置調整と角丸消し */
	#gsc .gsc-search-button{
	    margin:0 0 0 0 !important;
	    border-radius:0;
	}
	#gsc .gsc-clear-button{
		visibility: hidden;
	}
