@charset "utf-8";

/* common
----------------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-size: 87.5%;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"Osaka","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.8;
	color: #646464;
	vertical-align: top;
	background: url(../img/bg.gif) repeat 0 0 #fff;
	-webkit-text-size-adjust: 100%;
}
@media only screen and (max-width: 768px){
body {background: #fff;}
}
a:link   {color: #152275;text-decoration: underline;}
a:visited{color: #152275;text-decoration: underline;}
a:hover  {color: #ff6400;text-decoration: none;}
a:active {color: #152275;text-decoration: underline;}

.square{
	margin-right: 3px;
	color: #152275;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace
}



/* header
----------------------------------------------------------------------------------*/
#header{
	position: relative;
	width: 1070px;
	margin: 30px auto 10px;
	padding: 10px;
	border: 5px solid #152275;
	background: #fff;
}
#header #h-logo{
	float: left;
}

#header #h-info{
	margin: 10px 0 0 190px;
	line-height: 1.5;
}
#header #h-info h2{
	display: inline-block;
	padding: 5px 30px;
	text-align: center;
	line-height: 1;
	border: 1px solid #152275;
	background: #fcf6f6;
}
#header #h-info p{
	display: inline-block;
	vertical-align: bottom;
	font-size: 85.714%;
}
#header #h-info p span{
	display: block;
	line-height: 1.3;
}
#header #h-info p .tel span{
	display: inline-block;
}
#group-navi{
	position: absolute;
	width: 100%;
	top: -30px;
	rigth: 0;
	font-size: 85.714%;
	text-align: right;
	letter-spacing: -0.4em;
}
#group-navi li{
	display: inline-block;
	margin-right: 15px;
	letter-spacing: normal;
}
#group-navi li span{
	color: #152275;
	margin-right: 2px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
@media only screen and (max-width: 1070px){
#header{
	width: auto;
	margin: 30px 10px 10px;
}
}
@media only screen and (max-width: 768px){
#header{
	margin: 0;
	border: none;
}
#header #h-logo{
	float: none;
}

#group-navi{
	position: static;
	margin: 10px 0 0;
	text-align: left;
}
#header #h-info{
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
}
#header #h-info h2{
	margin: 0 0 5px;
}
#header #h-info h2,
#header #h-info p{
	display: block;
}
#header #h-info p span{
	line-height: 1.6;
}
}
@media only screen and (max-width: 640px){
#header #h-logo{
	width: 100px;
	height: auto;
}
#header #h-info .address{
	display: none;
}
}
@media only screen and (max-width: 480px){
#header #h-logo{
	margin: 0 0 15px;
}
#header #h-info h2{
	margin: 0 0 5px;
	padding: 5px;
}
#header #h-info p .tel span{
	display: block;
}
}





/* globalnavi
----------------------------------------------------------------------------------*/
#gnavi{
	padding-left: 190px;
	letter-spacing: -0.4em;
	font-size: 85.714%;
}
#gnavi li{
	position: relative;
	display: inline-block;
	width: 14.285%;
	padding-left: 12px;
	letter-spacing: normal;
}
#gnavi li:first-child{padding-left: 0;}
#gnavi li a{
	display: table;
	width: 100%;
	height: 93px;
	padding: 45px 2px 0;
	text-decoration: none;
	text-align: center;
	border: 2px solid #152275;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWNiZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #cacbd2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cacbd2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cacbd2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cacbd2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cacbd2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cacbd2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cacbd2',GradientType=0 ); /* IE6-8 */
}
#gnavi li a:before{
	position: absolute;
	display: block;
	width: 44px;
	height: 44px;
	top: 5px;
	left: 50%;
	margin-left: -19px;
	content: "";  
	background: url(../img/gnavi.gif) no-repeat 0 0;
}
#gnavi li:first-child a:before{
	margin-left: -22px;
}
#gnavi li.nav01 a:before{background-position: 0 0;}
#gnavi li.nav02 a:before{background-position: -44px 0;}
#gnavi li.nav03 a:before{background-position: -88px 0;}
#gnavi li.nav04 a:before{background-position: -132px 0;}
#gnavi li.nav05 a:before{background-position: -176px 0;}
#gnavi li.nav06 a:before{background-position: -220px 0;}
#gnavi li.nav07 a:before{background-position: -264px 0;}

#gnavi li a span{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
}
@media only screen and (max-width: 1070px){
#gnavi{font-size: 78.571%;}
#gnavi li{padding-left: 2px;}
#gnavi li a:before{margin-left: -21px;}
}
@media only screen and (max-width: 768px){
#gnavi{
	margin: 10px 0 0;
	padding-left: 0;
	font-size: 100%;
}
#gnavi li{
	width: 25%;
	padding: 1px;
}
#gnavi li:first-child{padding: 1px;}
#gnavi li a:before{margin-left: -22px;}

}
@media only screen and (max-width: 480px){
#gnavi{font-size: 71.428%;}
}




/* contents
----------------------------------------------------------------------------------*/
#contents{
	width: 1070px;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #152275;
	background: #fff;
}
@media only screen and (max-width: 1070px){
#contents{
	width: auto;
	margin: 0 10px;
}
}
@media only screen and (max-width: 768px){
#contents{
	padding: 0;
	border: none;
}
}


/* topicpath
----------------------------------------------------------------------------------*/
#topicpath{
	width: 1070px;
	margin: 0 auto 10px;
	padding: 10px;
	font-size: 85.714%;
	border: 1px solid #152275;
	background: #fff;
}
#topicpath li{
	display: inline;
}
@media only screen and (max-width: 1070px){
#topicpath{
	width: auto;
	margin: 0 10px 10px;
}
}
@media only screen and (max-width: 768px){
#topicpath{
	padding: 0;
	border: none;
}
}




/* pagetitle
----------------------------------------------------------------------------------*/
#pttl{
	margin: 0 0 20px;
	padding: 5px 10px;
	color: #fff;
	border: 3px solid #65aef8;
	background: #5f70db;
}
#pttl h1{
	font-size: 150%;
	line-height: 1;
}
#pttl p{
	font-size: 85.714%;
}



/* topics-list
----------------------------------------------------------------------------------*/
.topics-list li{
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px dashed #666;
	overflow: hidden;
}
.topics-list li:first-child{
	margin: 0;
	padding: 0;
	border-top: none;
}
.topics-list li .topics-img{
	float: left;
	width: 100px;
	margin-right: 15px;
	text-align: center;
}
.topics-list li div{overflow: hidden;}
.topics-list li div .new{
	display: inline-block;
	padding: 3px 5px;
	color: #e6fa07;
	font-weight: bold;
	line-height: 1;
	background: #ff0606;
}
.topics-list li div p{font-size: 85.714%;}



/* pager
----------------------------------------------------------------------------------*/
.pager{margin: 40px 0 20px;}
.pager ul{
	text-align: center;
}
.pager ul li{
	text-align: center;
	display: inline-block;
	margin: 5px 5px 5px 0;
	vertical-align: top;
}

.pager ul li a{
	display: inline-block;
	padding: 5px 8px;
	color: #646464;
	text-align: center;
	border: 1px solid #5f70db;
}

.pager li a:link   { background: #fff;}
.pager li a:visited{ background: #fff;}
.pager li a:hover  { background: #5f70db; color: #fff; border:1px #5f70db solid;}
.pager li a:action { background: #fff;}

.pager ul li.now{
	display: inline-block;
	padding: 5px 8px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border: 1px solid #5f70db;
	background-color: #5f70db;
}



/* cms decoration style
---------------------------------------------------------------------------------------*/
/* text decolation */


/*text-color*/
span.red     {color:#BF3F3F;}
span.orange  {color:#BF7F3F;}
span.green   {color:#7FBF3F;}
span.bgreen  {color:#3FBF7F;}
span.blue    {color:#3F7FBF;}
span.darkblue{color:#3F3FBF;}
span.purple  {color:#BF3FBF;}
span.pink    {color:#CC6576;}
/* midashi1 */
span.stitle {
	border-left:5px #E9D6E7 solid;
	border-bottom:1px #E9D6E7 solid;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	display: block;
	font-weight: bold;
}
/* midashi2 */
span.crosshead {
	display:block;
	margin-top: 10em;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E9D6E7;
	border-bottom-color: #E9D6E7;
	font-weight: bold;
}

span.str {font-weight:bold;}



/* footer
----------------------------------------------------------------------------------*/
#footer{position: relative;padding: 20px 10px 10px;font-size: 85.714%;}
#footer #pTop {
    bottom: 0;
    position: fixed;
    right: 20px;
}
#footer p,
#footer address{text-align: center;}
#f-navi{
	margin: 10px 0;
	text-align: center;
	letter-spacing: -0.4em;
}
#f-navi li{
	display: inline;
	letter-spacing: normal;
}
#f-navi li a{padding: 0 5px;}