@charset "utf-8";
/* CSS Document */

	* {
		margin: 0px;
		padding: 0px;
	}
	h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form {
		margin: 0px;
		padding: 0px;
		font-size: 12px;
	}
	ul {
		list-style-type: none;
	}
	img {
		border: none;
	}
	input, textarea, select {
		font-size: 1em;
	}
	form {
		margin: 0px;
	}
	table {
		border-collapse:collapse;
		font-size: 100%;
		border-spacing: 0;
	}
	.clearfix:after, .imgRight:after, imgLeft:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	* html .clearfix             { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */
	
	.mT20 {
		margin-top:20px;
	}
	.mB20 {
		margin-bottom:20px;
	}
	a { 
		color:#00F;
		text-decoration:none;
	}
    strong {
        color: #d83232;
        font-weight: bold;
    }

/*frame style*/
	body {
		font-family: "メイリオ", "Meiryo UI", "ヒラギノ丸ゴ Pro W4", "小塚ゴシック Pro R", sans-serif;
		letter-spacing: 0.2em;
	}
	#header, #content, #footer, #Mv{
		width:100%;
		margin:0 auto;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.container {
		width: 1000px;
		margin:0 auto;
	}
	.imgRight {
		float:right;
	}
	.imgLeft {
		float:left;
	}
	#wrapLeft, #mainWrap {
		float:left;
	}
	#wrapRight {
		float:right;
	}
/*frame style end*/

/*container and wrappers*/
	body {
		background:#E0E0E0;
	}
	#content {
		padding:16px 0 10px;
		margin-bottom:20px;
	}
	#wrapLeft {
		width:285px;
	}
	#wrapRight {
		width:280px;
	}
	#mainWrap {
		width:700px;
	}
	.textBox02 {
		width:100%;
		margin-bottom:15px;
	}
	.imgRight img, .imgLeft img {
        border: 2px solid #fff;
		box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
	}
/*end container and wrappers*/

/*header*/
	#header {
		background: transparent url("../images/head.png") repeat scroll 0% 0%;
		zoom:1;
	}
	#header .container {
		position:relative;
	}
	.siteTitle {
		display:block;
		padding:16px;
	}
	.siteTitle a {
		font-size: 30px;
		letter-spacing: normal;
		font-weight: bold;
		text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
		color: #000;
	
	}
	.siteTitle a img {
		vertical-align:-15%;
        *vertical-align: middle;
		margin-right:10px;
	}
	
/*end header*/

/*Main visual*/
	#Mv {
	
		padding:40px 0;
		margin-bottom:15px;
		position:relative;
		background: transparent url("../images/banner.jpg") repeat scroll 0% 0%;

	}
	#Mv .container {
		position:relative;
	}
	.Mv {
        width: 986px;
        padding: 7px;
        background:#fff;
        position: relative;
		text-align:center;
		-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
		-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
		box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	}
    .Mv:before {
		width:100%;
		text-align:center;
		display:block;
		position:absolute;
		bottom:-49px;
		left:0;
		z-index:-1;
	}
	.Mv img {
	}
/*end Main visual*/

/*headings*/
	#content h1 img, #content h3 img, .textBox02 h3 img, .new h3 img, #Mv h3 img {
		vertical-align:middle;
		margin-right:6px;
	}
	#content h1, h2 {
       font-size: 20px;
		color: #FFF;
		font-weight: bold;
		background: transparent url("../images/banner.jpg") repeat scroll 0% 0%;
		border: 1px solid #4C93D0;
		text-shadow: 0px 1px 0px #000;
		box-shadow: 0px 0px 0px 1px #4D97D6 inset;
		padding: 0px 15px;
		line-height: 50px;
		letter-spacing: normal;
	}
    h2 {
        margin: 10px 0;
        font-size: 18px;
        line-height: 40px;
        *min-height:40px;
    }
	.blogpart h3 {
		font-size: 18px;
color: #FFF;
font-weight: bold;
 background:url(../images/pattern.jpg) repeat top left;
border:1px solid #050505;

box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.35) inset;
text-shadow: 0px 1px 0px #666;
padding: 0px 15px;
line-height: 44px;
letter-spacing: normal;
margin-bottom: 18px;
	}
	.new h3 {
		font-size: 18px;
color: #FFF;
font-weight: bold;
background:url(../images/pattern.jpg) repeat top left;
border:1px solid #050505;
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.35) inset;
text-shadow: 0px 1px 0px #666;
padding: 0px 15px;
line-height: 44px;
letter-spacing: normal;
margin-bottom: 18px;
	}
	.nav h3 {
		font-size: 18px;
		color: #fff;
		font-weight:bold;
		background:url(../images/pattern.jpg) repeat top left;
border:1px solid #050505;
		box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,0.35);
		text-shadow:0px 1px 0px #666;
        padding: 0px 15px;
        line-height: 44px;
        *min-height:44px;
        letter-spacing: normal;
        margin-bottom: 18px;
	}
/*end headings*/

/*content*/
	.text01 {
        margin-bottom: 20px;
		background: -moz-linear-gradient(45deg, rgba(30,87,153,0.8) 0%, rgba(30,87,153,0.8) 1%, rgba(41,136,215,0.8) 99%, rgba(41,137,216,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(30,87,153,0.8)), color-stop(1%,rgba(30,87,153,0.8)), color-stop(99%,rgba(41,136,215,0.8)), color-stop(100%,rgba(41,137,216,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(45deg, rgba(30,87,153,0.8) 0%,rgba(30,87,153,0.8) 1%,rgba(41,136,215,0.8) 99%,rgba(41,137,216,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(45deg, rgba(30,87,153,0.8) 0%,rgba(30,87,153,0.8) 1%,rgba(41,136,215,0.8) 99%,rgba(41,137,216,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(45deg, rgba(30,87,153,0.8) 0%,rgba(30,87,153,0.8) 1%,rgba(41,136,215,0.8) 99%,rgba(41,137,216,0) 100%); /* IE10+ */
		background: linear-gradient(45deg, rgba(30,87,153,0.8) 0%,rgba(30,87,153,0.8) 1%,rgba(41,136,215,0.8) 99%,rgba(41,137,216,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1e5799', endColorstr='#002989d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.text01 p {
		font-size:13px;
		color:#fff;
		padding:10px 10px;
	}
/*end content*/

/*navigation*/
	.nav {
		margin-bottom:20px;
	}
	.nav ul {
	}
	.nav ul li {
		display:block;
		margin-bottom:4px;
	}
	.nav ul li:last-child {
		margin-bottom:0;
	}
	.nav ul li a {
		display: block;
		font-size: 12px;
		color: #000;
		letter-spacing: 0.05em;
		padding: 10px 7px;
        padding-left: 30px;
        background: url(../images/nav-a.png) no-repeat 4px center;
		background-color: #ddd;
        border: 1px solid #ccc;
		
		transition: all 0.3s ease-in; 
	}
	.nav ul li a:hover {
	
	background:#4D95D3 url(../images/nav-hover.png) no-repeat 4px center;
	}
/*end navigation*/

/*backlinks*/
	.link01 {
		padding:10px 10px;
	}
	.link01 li {
		margin-bottom:5px;
	}
	.link01 li:last-child {
		margin-bottom:0;
	}
	.link01 li a {
		display:block;
		font-size: 14px;
		color: #000;
		letter-spacing:0.05em;
		padding:8px 10px;
        padding-left: 38px;
        background: url(../images/arrow01.png) no-repeat 8px center;
        background-color: #ddd;
		border: 1px solid #ccc;
		
	}
	.link01 li a:hover {
		  background-color:#A8D6F9;
	}
/*end backlinks*/

/*sitemap links*/
	.con-nav {
		padding:10px 10px;
	}
	.con-nav li {
		margin-bottom:5px;
	}
	.con-nav li:last-child {
		/*margin-bottom:0;*/
	}
	.con-nav li a {
		display:block;
		font-size: 14px;
		color: #000;
		letter-spacing:0.05em;
		padding:8px 10px;
        padding-left: 38px;
        background: url(../images/arrow02.png) no-repeat 8px center;
        background-color: #fff;
		border: 1px solid #BABABA;
		border-radius:5px;
	}
	.con-nav li a:hover {
		background-color: #c6dcea;
	}
/*end sitemap links*/

/*new*/
	.new {
		width:700px;
		float:right;
	}
	.new ul {
		padding:17px 14px;
		background-color:#4D95D3;
		
		border: 1px solid #ccc;
	}
	.new ul li {
		margin-bottom:10px;
	}
	.new ul li:last-child {
		margin-bottom:0;
	}
    .new ul li a p:first-child {
        color: #000;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: normal;
        font-weight: bold;
    }
	.new ul li a p {
		display:inline-block;
		color: #000;
        font-size:12px;
        letter-spacing:0.1em;
		position:relative;
		zoom:1;
        *display:inline;
	}
    .new ul li a {
		display:block;
        padding: 12px 10px;
		padding-left:40px;
		
        line-height: 2.0;
        background:url(../images/arrow01.png) no-repeat 10px center;
		background-color:#fff;
			
		border-bottom:1px solid #080808;
		position:relative;
			
			color:#000;
	}
	.new ul li a:hover {
		 background:url(../images/arrow01.png) no-repeat 10px center;
			background-color:#A8D6F9;
			background-position: 10px;
		
		
	}
/*end recommendation*/

/*blogpart*/
	.blogpart {
		margin-bottom:20px;
	}
	.textBox02 .blogpart {
		width:283px;
        float: left;
		margin-bottom:0;
	}
	.textBox02 .blogpart .blogItem {
		min-height:112px;
	}
	.blogItem {
		padding: 20px 0px;
		text-align: center;
		background-color:#4D95D3;
		
		border: 1px solid #ccc;
	}
	.blogpart .blogItem > div, .blogpart .blogItem > table {
		margin-left:auto !important;
		margin-right:auto !important;
		vertical-align:middle;
	}
/*end blogpart*/

/*footer*/
	#footer {
        padding:20px 0;
        background: transparent url("../images/banner.jpg") repeat scroll 0% 0%;
        box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
	}
	#footer .container {
	}
	.FNav {
		padding:10px 0 5px;
        position: relative;
        z-index: 1;
	}
	.FNav ul {
		font-size:0;
		text-align:center;
	}
	.FNav ul li {
		display:inline-block;
		padding:0 5px 0px;
        margin-bottom: 10px;
		zoom:1;
		*display:inline;
        position: relative;
	}
	.FNav ul li:last-child {
		border-right:0;
	}
	.FNav ul li a {
		display:block;
		color:#fff;
		font-size:12px;
		padding:5px 10px;
		text-transform:uppercase;
		letter-spacing:0.1em;
	
		transition: all 0.3s ease-in;
	}
	.FNav ul li a:hover {
        background: transparent url("../images/pattern.jpg") repeat scroll left top;
		border-radius:5px;
	}
	.copy {
		color:#fff;
		font-size:12px;
		text-transform:uppercase;
		letter-spacing:normal;
		text-align:center;
		padding:10px 0 0;
	}
/*end footer*/

/*slide show styles*/
	#slides {
		margin:0 auto;
		text-align:center;
		position:relative;
		top:0px;
		z-index:1;
		width:100%;
		padding:0px 0px 0px;
		display:none;/*note:if slider is enabled, uncomment 'display:none' to prevent div from flashing*/
	}
	#slides > .slidesjs-container {
		position:relative;
		background: url(../images/loading.gif) no-repeat center center #fff; 
	}
    #slides > .slidesjs-container:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 11;
        width: 100%;
        height: 100%;
    }
	/*Slider navigation*/
	#slides > .slidesjs-navigation {
		position:absolute;
		font-size:0;
		z-index:12;
	}
	#slides .slidesjs-stop, #slides .slidesjs-play{
		display:none;
	}
	#slides .slidesjs-stop:after {
		content:"\25a0";
		font-size: 25px;
		color:#F0543D;
	}
	#slides .slidesjs-play:after {
		content:"\25b6";
		font-size: 25px;
		color:#F0543D;
	}
	#slides .slidesjs-previous:after, #slides .slidesjs-next:after {
	}
	#slides .slidesjs-previous{ left:0; }
	#slides .slidesjs-next{ right:50px; }
	#slides .slidesjs-previous:after {
		content: "\2039";
	}
	#slides .slidesjs-next:after {
		content:"\203A";
	}
	.slidesjs-pagination {
		position: absolute;
		margin: 0px auto;
		width: 100%;
		height:14px;
		z-index: 12;
        left: 0;
		bottom:4px;
		display: block;
		text-align:left;
	}
	.slidesjs-pagination li {
		margin:0 2px;
		list-style:none;
		display:inline-block;
		zoom:1;
		*display:inline;
	}
	.slidesjs-pagination li:first-child {
		margin-left:8px;
	}
	.slidesjs-pagination li a {
		display:block;
		width:12px;
		height:0;
		padding-top:12px;
		background-color: #fff;
		float:left;
		overflow:hidden;
	}
	.slidesjs-pagination li a:hover {
        background-color:#4C94D1;
	}
	.slidesjs-pagination li a.active {
		background-color:#0A1650;
	}
/*end slideshow styles*/