@charset "utf-8";
/* CSS Document */
html {
	font-size: 62.5%;
}
body {
	font-size: 15px;
	font-size: 1.5rem;
	-webkit-text-size-adjust: 100%;
}
body {
	background:#fff;
	color: #413535;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
	line-height: 1.75em;
	margin:0px;
	padding:0px;
	min-width: 1000px;
}
/* 
-------------------*/

img {
	border:0;
}
a:link {
	color: #333;
	text-decoration:none;
}
a:visited {
	color: #000;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color: #29abe2;
}
.clear {
	clear:both;
	height:0px;
}


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

#wrapper {
	border:1px solid #413535;
 background:#fefbe3;
	width: 998px;
	margin:0 auto;
	padding:0;
}
#container {
	border:1px solid #a59f9f;
	margin:2px;
	padding:21px;
}

#contents {
	width: 630px;
	padding:0;
	margin: 0;
}
#contentsSide {
	width: 250px;
	margin: 0;
	padding: 0;
}
#side {
	width: 300px;
	margin: 0;
	padding: 0;
}
/*レイアウト
-------------------*/

#contents {
	width: 630px;
	height:auto;
	min-height:980px;
	margin: 0;
}
#side {
	width: 300px;
	margin:0 ;
}
.left {
	float: left;
}
.right {
	float: right;
}
/*ヘッダー
-------------------*/

#header {
	background: url(../img/header_bg.png) top center no-repeat;
	width: 100%;
	height:380px;
	margin: 0 ;
	padding:0;
}
#title {
	width: 1000px;
	height:380px;
	margin: 0 auto;
	padding:0;
	position:relative;
}

#title h1 a {
	background: url(../img/header_title.png) no-repeat;
	width: 520px;
	height: 280px;
	text-indent:-9999px;
	position:absolute;
	top: 10px;
	left: 125px;
	display: block;
}

#title span {
	background: url(../img/header_time.png) no-repeat;
	width: 276px;
	height: 20px;
	text-indent:-9999px;
	position:absolute;
	top: 285px;
	left: 240px;
	display: block;
}

.joqr_logo {
	background: url(../img/joqr_logo.png) no-repeat;
	width: 110px;
	height: 66px;
	text-indent:-9999px;
	position:absolute;
	top: 7px;
	right: 3px;
 display: block;
}



/*ナビ
-------------------*/

#navi ul {
	width: 500px;
	height: 86px;
	margin:0 auto;
	padding:0;
	font-size: 0;/* inline-block 隙間対策 */
	/*margin:-15px auto 10px\9;*/
}
#navi li {
	display:inline-block;	
	width: 250px;
	height: 86px;
 text-indent:-9999px;
 margin:0 ;
	padding:0;
}
#navi .naviInfo {
	background: url(../img/nav_info_on.png) no-repeat;	
}
#navi .naviInfo a {
	background: url(../img/nav_info.png) no-repeat;	
	width: 250px;
	height: 86px;
 margin:0;
	padding:0;
	display:block;
}
#navi .naviInfo a:hover {
	background: none;
}
#info #navi .naviInfo a {
	background: url(../img/nav_info_on.png) no-repeat;	
}
#navi .naviTopics {
	background: url(../img/nav_topics_on.png) no-repeat;	
}
#navi .naviTopics a {
	background: url(../img/nav_topics.png) no-repeat;	
	width: 250px;
	height: 86px;
 display:block;
}
#navi .naviTopics a:hover {
	background: none;
}
#topics #navi .naviTopics a {
	background: url(../img/nav_topics_on.png) no-repeat;	
}
#navi .naviMessage {
	background: url(../img/nav_message_on.png) no-repeat;
}
#navi .naviMessage a {
	background: url(../img/nav_message.png) no-repeat;	
	width: 250px;
	height: 86px;
 display:block;
}
#navi .naviMessage a:hover {
	background: none;
}
#message #navi .naviMessage a {
	background: url(../img/nav_message_on.png) no-repeat;	
}
#navi .naviBlog {
	background: url(../img/nav_blog_on.png) no-repeat;	
}
#navi .naviBlog a {
	background: url(../img/nav_blog.png) no-repeat;	
	width: 250px;
	height: 86px;
 display:block;
}
#navi .naviBlog a:hover{
	background: none;
}
#blog #navi .naviBlog a {
	background: url(../img/nav_blog_on.png) no-repeat;	
}
body.preview-screen.blog #navi .naviBlog a {
	background: url(../img/nav_blog_on.png) no-repeat;	
}


/*SNS-----------*/
.snsTop {
	width: 1000px;
	height:35px;
	text-align: right;
	margin:10px auto 0;
	display:none\9;
}




/*　記事
-------------------*/

.article {
	width: 550px;
	padding:10px;
	margin-bottom:20px;
}
.article {
	border-bottom:2px solid #4f3c36;
}
.article h3.title {
 font-size:1.45em;
	line-height:1.5em;
	font-weight:bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0 5px;
	margin:0 auto 20px;
}
.article .articleBody {
	margin:0 auto 15px;
}
.article .articleBody img {
	margin:0 auto 20px;
}
.article span.date {
	width:100%;
	font-size:0.9em;
	font-weight:bold;
	text-align:right;
	margin:10px auto;
	display:block;
}

.entry .list dl {
	padding:0;
	margin:0 auto; 
}
.entry .list dl dt {
 width: 100px;
	font-size:0.9em;
}
.entry .list dl dd {
	line-height:1.5;
 margin: -1.6em 0 0 0;
 padding: 0 0 8px 100px;
}
.entry .list p { 
	border-top:1px solid #4f3c36;
	text-align:center;
	margin:0 auto;
	padding-top: 10px;
}
.entry .list span { 
 width: 190px;
	height: 43px;
	display:block;
	margin:15px auto 0;
}
.entry .list span a { 
	background: url(../img/btn_message.png) no-repeat;
 width: 190px;
	height: 43px;
	display:block;
}
.entry .list span a:hover { 
	opacity:0.8;
}



/*SNS-----------*/
.sns {
	width: 100%;
	text-align: right;
	margin:0 auto;
	display:none\9;
}



/*　項目タイトル
-------------------*/

h2 {
	border-bottom:2px solid #4f3c36;
 width: 570px;
	height: 38px;
	text-indent:-9999px;
	margin:0 auto 20px;
}

/*　INFO
-------------------*/
#info .entryBox,
#infoTop .entryBox {
	border:1px solid #fefbe3;
	background: url(../img/bg_info.png) ;
	margin-bottom:20px;
}
#info .entry {
	border:1px solid #a59f9f;
	margin:2px;
	padding:26px;
}
#info h2,
#infoTop h2 {
	background: url(../img/title_info.png) no-repeat;
}
#info .article h3.title {
 background:#fefbe3;
}
#infoTop .entry {
	border:none;
	margin:3px;
	padding:26px 26px 13px 26px;
}


/*　TOPICS
-------------------*/
#topics .entryBox,
#topicsTop .entryBox {
	border:1px solid #fefbe3;
	background: url(../img/bg_topics.png) ;
	margin-bottom:20px;
}
#topics .entry {
	border:1px solid #a59f9f;
	margin:2px;
	padding:26px;
}
#topics h2,
#topicsTop h2 {
	background: url(../img/title_topics.png) no-repeat;
}
#topics .article h3.title {
	background:#fefbe3;
}
#topicsTop .entry {
	border:none;
	margin:3px;
	padding:26px 26px 13px 26px;
}

/*　BLOG
-------------------*/
#blog .entryBox {
	border:1px solid #413535;
 background:#fff;
	margin-bottom:20px;
}
#blog .entry {
	border:1px solid #a59f9f;
	margin:2px;
	padding:26px;
}
#blog h2 {
	background: url(../img/title_blog.png) no-repeat;
}
#blog .article h3.title {
 box-shadow: 0 0 12px 0 rgba(251,224,216,1) inset;
 background:#f8ebe8;
}



/*　BLOG プレビュー用
-------------------*/
body.preview-screen.blog .entryBox {
	border:1px solid #413535;
 background:#fff;
	margin-bottom:20px;
}
body.preview-screen.blog .entry {
	border:1px solid #a59f9f;
	margin:2px;
	padding:26px;
}
body.preview-screen.blog h2 {
	background: url(../img/title_blog.png) no-repeat;
}
body.preview-screen.blog .article h3.title {
 box-shadow: 0 0 12px 0 rgba(251,224,216,1) inset;
 background:#f8ebe8;
}



/* #sidebox
--------------------------------*/
#concept,
#personality {
	background:url(../img/sidebox_bg.png) no-repeat top;
 box-shadow: 0 0 8px 0 rgba(102,51,51,0.5);
	border:1px solid #ba827f;
	padding:15px 20px;
}
#personality img {
	border-radius:0.7em;
}
#contentsSide .sidebox p {
	border-bottom:2px dotted #9ed1ea;
}
#contentsSide a:hover, #side a:hover {
	opacity:0.7;
}
#concept h4 {
	background: url(../img/subtitle_concept.png) no-repeat center;
	width: 176px;
	height: 22px;
	text-indent:-9999px;
	margin:20px auto 0;
}
#personality h4 {
	background: url(../img/subtitle_personality.png) no-repeat center;
	width: 176px;
	height: 22px;
	text-indent:-9999px;
	margin:20px auto 0;
}
.sidebox {
	background:#fff ;
	width: 300px;
	font-size:0.85em;
	line-height:1.55em;
	margin-bottom:15px;
}
.sidebox #info {
	background: url(../img/bg_info.png) ;
}
.sidebox #topics {
	background: url(../img/bg_topics.png) ;
}
.sidebox p {
	padding:15px 6px 8px;
}
.sidebox #personality p {
	min-height: 140px;
	padding:15px 0;
}
.sidebox #personality p strong {
	font-size:1.15em;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}
.sidebox p img {
	float:left;
	margin:0 8px 8px 0  ;
}


/*news-----------*/
#side #news {
	padding:15px 20px;
}
#side #news h4 {
	border-bottom:2px solid #4f3c36;
	background: url(../img/subtitle_news.png) no-repeat left;
	width: 260px;
	height: 30px;
	text-indent:-9999px;
	margin:0 auto 15px;
}
#side #news dl dt {
font-size:0.9em;
font-weight: bold;
line-height: 2em;
width: 60px;
padding: 0 0 0 60px;
}
#side #news dl dt.cat_mark_blog {
	background: url(../img/cat_mark_blog.png) no-repeat left;
}
#side #news dl dt.cat_mark_info {
	background: url(../img/cat_mark_info.png) no-repeat left;
}
#side #news dl dt.cat_mark_topics {
	background: url(../img/cat_mark_topics.png) no-repeat left;
}
#side #news dl dd {
font-size:0.98em;
margin: -1.6em 0 4px 0;
padding: 0 0 4px 120px;
}

/*archive-----------*/
#side #info,
#side #topics,
#side #blog {
 font-size:1.1em;
	line-height:1.8em;
	padding:15px 20px;
}
#side #info h4 {
	border-bottom:2px solid #4f3c36;
	background: url(../img/subtitle_info_archive.png) no-repeat left;
	width: 260px;
	height: 30px;
	text-indent:-9999px;
	margin:0 auto 15px;
}
#side #topics h4 {
	border-bottom:2px solid #4f3c36;
	background: url(../img/subtitle_topics_archive.png) no-repeat left;
	width: 260px;
	height: 30px;
	text-indent:-9999px;
	margin:0 auto 15px;
}
#side #blog h4 {
	border-bottom:2px solid #4f3c36;
 background: url(../img/subtitle_blog_archive.png) no-repeat left;
	width: 260px;
	height: 30px;
	text-indent:-9999px;
	margin:0 auto 15px;
}




/*banner-----------*/
.banner {
	margin-bottom:15px;
}

/* トップへ戻る
--------------------------------*/
#pageTop {
	position: fixed;
	bottom: 40px;
	right: 40px;
	width: 66px;
	height: 66px;
	text-indent:-9999px;
}
#pageTop {
	background: url(../img/pagetop.png);
}

/* footer
--------------------------------*/
#footer {
	width: 1000px;
	color: #80766a;
	font-size: 1.25rem;
	font-family:Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align: center;
	margin: 15px auto;
}
 / 

/* プリントアウト用
--------------------------------*/

@media print {
.contents {
 margin: 0 auto 10px;
}
#navi04 {
 page-break-before: always;
}
#pageTop, #footer {
 display:none;
}
}