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

body{
	background:#FFF url(../images/bg.png) top repeat;
	background-attachment:fixed;
 width: 100%;
	min-width: 1000px;
	color: #333;
	/*font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	line-height: 1.65em;
	margin:0px;
	padding:0px;
	}

/*レイアウト
-------------------*/

#wrapper {
	width: 100%;
	min-height:1000px;
	margin:0 auto ;
	padding:0 0 10px;
}


/*ヘッダー
-------------------*/

#header {
	width: 1000px;
	height:360px;
 margin: 0 auto;
	padding:0;
 position:relative;
 display: block;
}

h1 {
	background: url(../images/header.png) no-repeat;
 text-indent:-9999px;
	width: 1000px;
	height:360px;
	margin: 0;
	padding: 0 ;
}

h2 a.joqr_logo {
	background: url(../images/joqr_logo.png) no-repeat;
	text-indent:-9999px;
	width: 136px;
	height: 62px;
	margin: 0 ;
	padding: 0 ;
	top: 15px;
	right: 0 ;
	display: block;
	position:absolute;
}


/*ナビ
-------------------*/
#nav {
	/*width: 1000px;*/
	width: 498px;
	height: 48px;
        margin: 0 auto;
        display: block;
}

#nav ul {
	/* width: 744px; */
	/* width: 1000px; */
	/*width: 876px;*/
	width: 498px;
	height: 48px;
	font-size:0;
	margin:0 auto;
	padding:0;
	position:relative;
}
#nav li {
	text-indent:-9999px;
	width: 120px;
	height: 48px;
	margin:0 0 0 4px;
	padding:0;
	display:inline-block;
}
#nav li:nth-child(1) {
	margin:0 0 0 6px;
}
#nav li a {
	width: 120px;
	height: 48px;
 margin:0 ;
	padding:0;
	display:block;
}

#nav .nav_27  {
	background: url(../images/nav0427on.png) no-repeat;
}
#nav .nav_27 a {
	background: url(../images/nav0427.png) no-repeat;
}
#nav .nav_27 a:hover {
	background: none;
}
#nav .nav_28  {
	background: url(../images/nav0428on.png) no-repeat;
}
#nav .nav_28 a {
	background: url(../images/nav0428.png) no-repeat;
}
#nav .nav_28 a:hover {
	background: none;
}
#nav .nav_29  {
	background: url(../images/nav0429on.png) no-repeat;
}
#nav .nav_29 a {
	background: url(../images/nav0429.png) no-repeat;
}
#nav .nav_29 a:hover {
	background: none;
}
#nav .nav_30  {
	background: url(../images/nav0430on.png) no-repeat;
}
#nav .nav_30 a {
	background: url(../images/nav0430.png) no-repeat;
}
#nav .nav_30 a:hover {
	background: none;
}
#nav .nav_01  {
	background: url(../images/nav0501on.png) no-repeat;
}
#nav .nav_01 a {
	background: url(../images/nav0501.png) no-repeat;
}
#nav .nav_01 a:hover {
	background: none;
}
#nav .nav_02  {
	background: url(../images/nav0502on.png) no-repeat;
}
#nav .nav_02 a {
	background: url(../images/nav0502.png) no-repeat;
}
#nav .nav_02 a:hover {
	background: none;
}
#nav .nav_03  {
	background: url(../images/nav0503on.png) no-repeat;
}
#nav .nav_03 a {
	background: url(../images/nav0503.png) no-repeat;
}
#nav .nav_03 a:hover {
	background: none;
}
#nav .nav_04  {
	background: url(../images/nav0504on.png) no-repeat;
}
#nav .nav_04 a {
	background: url(../images/nav0504.png) no-repeat;
}
#nav .nav_04 a:hover {
	background: none;
}



/*
-------------------*/

img{
	border:0;
}

a:link {
	color: #09a0b6;
	text-decoration:none;
}
a:visited {
	color: #09a0b6;
	text-decoration:none;
}

a:hover {
	color: #09a0b6;
	text-decoration:underline;
}
a:active {
	color: #09a0b6;
}

.clear {
	clear:both;
	height:0px;
	}
strong {
	font-weight:bold;
}

/*SNS*/
.sns_top {
	width: 1000px;
	text-align: right;
	margin:0 auto 5px;
	padding:15px 0 5px;
	vertical-align:bottom;
}
.sns_top a {
	display:inline-block;
	width:30px;
	height:30px;
	margin-left:5px;
}
.sns_top a img {
	display:block;
	width:100%;
}

iframe {
padding-top:8px!important;
}





/* intro update
--------------------------------*/

.contents {
	box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.1) ;
	border-radius: 10px;
 background-color: rgba(255,255,255,0.7);
	width: 1000px;
	margin: 0 auto 50px;
 padding:20px 0;
	clear: both;
}

.contents h3 {
	background:#09a0b6;
	width: 960px;
	color:#fff;
	font-size:1.5em;
	margin: 0;
 padding: 10px 20px;
}

.contents ul {
	width: 214px;
	font-size:0.9em;
	margin: 25px 0 25px 35px;
 padding: 0;
	float:left;
	display:block;
}

.contents li {
	width: 214px;
	margin: 0 ;
 padding: 0;
}
.contents li h4 {
	font-weight: bold;
	font-size: 1.3em;
	color: white;
	display: block;
	text-align: center;
	background: #09a0b6;
}
.contents li img {
	border:2px solid #09a0b6;
	width: 210px;
	margin: 0;
 padding: 0;
}
.contents li.hp {
	border:1px solid #333;
	background:#f2f2f2;
	width: 196px;
	margin: 0 0 10px 0;
 padding: 8px;
}
.contents li span {
	background: url(../images/icon_hp.png) left top no-repeat;
	height:30px;
 font-size:1.15em;
 font-weight:bold;
 padding-left: 30px;
	display:block;
}
.contents li strong {
	font-weight:bold;
	display:block;
}
.contents .text {
	width: 690px;
	font-size: 15px;
	line-height: 1.75em;
 margin: 25px 35px 0 0;
 padding: 0;
	float:right;
	display:block;
}
.contents .text a {
	color:#09a0b6;
	font-weight:bold;
	text-decoration:underline;
}
.contents .text a:hover {
	color:#09a0b6;
	text-decoration:underline;
}
.contents dl {
	border-bottom:2px solid #09a0b6;
	width: 690px;
	color:#09a0b6;
	font-size:1.3em;
	font-weight:bold;
}
.contents dt {
  float:left;
  clear:left;
  width:80px;
}
.contents dd {
  margin-left:80px;
		text-align:right;
}
.contents p {
	width: 690px;
	margin: 15px 0 0;
 padding: 0;
}







.description {
	background: url(../images/photo_toriro.png) right top no-repeat;
	width:450px;
 height:auto;
 margin:0 auto 40px;
	padding:0 360px 0 0;
	}

.description:after {
	content:url(../images/illustration.png);
	width:538px;
 height:175px;
 padding-top:30px;
}

.personality h4,
.assistant h4 {
 text-indent:-9999px;
 width:810px;
	height: 38px;
 margin:0 0 17px;
	}
.personality h4 {
	background: url(../images/title_personality.png) no-repeat;
	}
.assistant h4 {
	background: url(../images/title_assistant.png) no-repeat;
	}
.personality ul,
.assistant ul {
 width:810px;
	height: auto;
 margin:0;
	padding:0;
}
.personality li,
.assistant li {
 font-size: 0.9em;
	line-height:1.55em;
 margin:0 ;
	vertical-align:top;
	display:inline-block;
}
.personality li strong {
 font-size: 1.15em;
	width:210px;
}
.assistant li strong {
 font-size: 1.05em;
	margin-top:10px;
}
.personality li strong ,
.assistant li strong {
	font-weight:bold;
	margin-bottom:20px;
	display:block;
	}
.personality li.izumi {
	background: url(../images/photo_izumi.png) left top no-repeat;
	width:190px;
	height: 280px;
 padding: 0 20px 0 190px;
}
.personality li.hamada {
	background: url(../images/photo_hamada.png) left top no-repeat;
	width:200px;
	height: 280px;
	padding: 0 10px 0 190px;
}
.assistant li.suzuki {
	background: url(../images/photo_suzuki.png) left top no-repeat;
	width:250px;
	height: 220px;
	padding: 0 10px 0 170px;
}

.credit {
	font-size: 0.9em;
 text-align:center;
}





/* footer
--------------------------------*/
#footer {
	text-align: center;
	color:#09a0b6;
	font-size: 0.9em;
 margin: 0 auto 30px;
}


/*トップへ戻る*/
#pageTop{
	background:url(../images/totop.png) no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	width:128px;
	height:40px;
	margin:0;
	padding:0 ;
	display:block;
	position:fixed;
	bottom:50px;
	right:30px;
}

/* footer
--------------------------------*/
.day {
	margin:-30px 0 0;
	padding: 30px 0 0 ;
}