@charset "utf-8";
/*
Theme Name: Q-X Design
Theme URI: -
Author: magicalcraft
Author URI: http://www.magicalcraft.net/
Description: QX専用テーマ
Version: 1.0
*/


img { border:none;}
html { overflow-y:scroll;}
body {
	font: 90% "MS PGothic","Osaka", Arial, Helvetica, sans-serif;
	background-color: #fafafa;
	line-height: 1.5em;
}
.container{
	width: 980px;
	margin: 0px auto;
	padding: 0px;
}
a:link{		color:#518cb1;}
a:visited{	color:#669999;}
a:hover{	color:#cc33cc;}


/* ******************************************
/* header
/* ****************************************** */
#header,
#header div.container{
	background-image: url(header_bg.jpg);
	background-repeat: repeat-x;
	height: 150px;
	position: relative;
	background-position: center;
}
#header hgroup{
	height:70px;
	width: 400px;
	padding-bottom: 15px;
	padding-top: 20px;
	float: left;
}
#header #site_title a{
	background-image: url(logo.gif);
	height: 70px;
	width: 300px;
	background-repeat: no-repeat;
	display:block;
}
#header #site_title a span{text-indent: -9999px; display:none;}


/* header_navi ______________________ */
#header_navi{
	background-image: url(header_navi_bg.jpg);
	height: 45px;
	width: 980px;
	float: left;
}
#header_navi ul{
	list-style-type: none;
	width:410px;
	padding-left: 10px;
	font-size: 1px;
	line-height: 1px;
}
#header_navi ul:after{ height:0; visibility: hidden; content: "."; display: block; clear: both; }   
#header_navi ul li{
	font-size: 1px;
	line-height: 1px;
	height: 45px;
	float: left;
}
#header_navi ul li a{
	display:block;
	background-repeat: no-repeat;
	background-image: url(header_navi.jpg);
	height: 45px;
}
#header_navi ul li a span{text-indent: -9999px; display:none;}
#header_navi_soft a{	background-position:0px top; width:130px;}
#header_navi_support a{	background-position:-130px top; width:140px;}
#header_navi_shop a{	background-position:-270px top; width:90px;}
#header_navi_official a{background-position:-360px top; width:130px;}
#header_navi_home a{	background-position:-490px top; width:50px;}
#header_navi_soft a:hover{		background-position:0px bottom;}
#header_navi_support a:hover{	background-position:-130px bottom;}
#header_navi_shop a:hover{		background-position:-270px bottom;}
#header_navi_official a:hover{	background-position:-360px bottom;}
#header_navi_home a:hover{		background-position:-490px bottom;}

/* header_image ______________________ */
#header_image{
	width: 550px;
	height: 150px;
	position: absolute;
	text-align: right;
	top: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
/*#header_image img{
	position: absolute;
	bottom: 0px;
	right: 0px;
}*/



/* ******************************************
/* sidebar
/* ****************************************** */
#sidebar{
	width: 220px;
	float: left;
	padding-left: 1px;
}

/* メニュー */
#sidebar ul#menu-sidebar_navigation{
	width: 220px;
	list-style-type: none;
/*	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #297bb4;
*/
}
#sidebar ul#menu-sidebar_navigation:after{ height:0; visibility: hidden; content: "."; display: block; clear: both; }   
#sidebar ul#menu-sidebar_navigation a{
	display:block;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(sidebar_navi_bg.jpg);
	height: 45px;
	width: 210px;
	font-size: 13px;
	line-height: 45px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	font-weight: bold;
}
#sidebar ul#menu-sidebar_navigation .sub-menu a{
	background-image: url(sidebar_navi_bg_sub.jpg);
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	width: 200px;
}
#sidebar ul#menu-sidebar_navigation a:hover{
	background-position: bottom;
}

/* ギャラリー ______________________ */
#sidebar_gallery{
	background-image: url(sidebar_gallery_bg.jpg);
	background-repeat: no-repeat;
	height: 250px;
	width: 190px;
	margin: 10px auto;
	padding-top: 27px;
	padding-right: 5px;
	padding-left: 5px;
}
#sidebar_gallery .gallery-thumbnail{
	float: left;
	width: 95px;
	text-align: center;
	padding: 5px 0 1px 0;
	margin: 0;
	line-height: 1px;
	font-size: 1px;
}
#sidebar_gallery .gallery-thumbnail img{
	padding: 2px;
	margin: 0 auto;
	border: 2px solid #CCCCCC;
}
#sidebar_gallery .gallery-thumbnail img:hover{
	border-color: #0066CC;
	background-color: #0066CC;
}
#sidebar_gallery .slideshowlink,
#sidebar_gallery .ngg-navigation{
	text-indent: -9999px;
	display:none;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0;
}

#sidebar_gallery_pagelink{
	text-align: right;
	font-size: 12px;
	clear: both;
}

/* バナー ______________________ */
#sidebar_banner{
	width: 220px;
	text-align: center;
	padding: 10px 0;
}
#sidebar_banner li{
	padding: 0;
	margin: 2px auto;
	list-style-type: none;
}


/* ******************************************
/* footer
/* ****************************************** */
#footer,
#footer div.container{
	background-image: url(footer_bg.jpg);
	background-repeat: repeat-x;
	height: 160px;
	color:#FFFFFF;
	text-align: center;
	clear: both;
	background-position: center;
	padding: 0;
}
#footer div.container{
	padding: 20px 0 40px 0;
	height: 100px;
}
#footer #footer_caution{
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding-bottom: 60px;
}
#footer #footer_copyright{
	line-height: 20px;
	font-size: 12px;
}

#footer a:link,
#footer a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover{
	color:#00FFFF;
}



/* ******************************************
/* mainContents & main
/* ****************************************** */
#mainContents .container{
	width: 980px;
	margin: 0 auto;
	clear: both;
	background-image: url(maincontents_bg.jpg);
	background-repeat: repeat-y;
}
#mainContents #main{
	width:730px;
	float: right;
	padding: 15px 15px 15px 10px;
}





/* ################################################
###################################################

▼ページ別ＣＳＳ

###################################################
################################################### */

/* ******************************************
/* 共通
/* ****************************************** */
.pagetitle{ /* 通常、H1に使用されます */
	background-image: url(h2_bg.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 720px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 15px;
	line-height: 40px;
	color: #FFFFFF;
	padding-left: 10px;
}
.section{
	margin: 10px auto;
	width: 700px;
}
div.entrybody{
	padding-bottom: 20px;
	padding-top: 20px;
	clear: both;
	width: 680px;
	margin: auto;
}
#category div.entrybody{
	color:#777777;
}
#category div.entrybody img{
	float:left;
	margin: 0 10px 5px 0;
	border: 1px solid #cccccc;
}


.clear{	clear:both;}


/* ソーシャルボタン ______________________ */
div.wp_social_bookmarking_light{
	border:0 !important;
	padding:0px 0 0px 0 !important;
	margin:0 !important;
	clear: both;
}
div.wp_social_bookmarking_light div{
	float:right !important;
	border:0 !important;
	padding:0 4px 0px 0 !important;
	margin:0 !important;
	height:21px !important;
	text-indent:0 !important;
}
div.wp_social_bookmarking_light img{
	border:0 !important;
	padding:0;
	margin:0;
	vertical-align:top !important;
}
.wp_social_bookmarking_light_clear{
	clear:both !important;
}

/* ******************************************
/* トップページ
/* ****************************************** */

/* mainimage ______________________ */
body#home #mainContents{
	background-image: url(home_mainimage_bg.jpg);
	background-repeat: repeat-x;
}
body#home #mainContents div.container{
	padding-top: 0;
}
body#home #home_mainimage_base{
	background-image: url(home_mainimage_bg.jpg);
	background-repeat: repeat-x;
	height:275px;
	width: 980px;
	padding:5px 0px;
	margin: 0px;
	background-position: center;
}
body#home #home_mainimage{
	/*background-image: url(home_mainimage_frame.jpg);*/
	width: 980px;
	height: 265px;
	background-repeat: no-repeat;
	position: relative;
	margin: 0px;
	padding-top: 6px;
	/*padding-right: 5px;*/
	padding-bottom: 4px;
	/*padding-left: 5px;*/
	background-position: center;
}
body#home #home_mainimage ul{
	list-style-type: none;
}

/* 更新情報 ______________________ */
#home_rss{
	font-size: 1px;
	line-height: 1px;
	clear: both;
}
#home_rss_title{
	background-image: url(home_news_title.jpg);
	height: 35px;
	width: 730px;
}
#home_rss_title a#home_rss_btn{
	float: right;
	margin: 5px 10px;
	height: 25px;
	width: 60px;
	display:block;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(home_news_title_rss.jpg);
}
#home_rss_title span{
	text-indent: -9999px; display:none;
}
#home_rss_body{
	width: 708px;
	border: 1px solid #CCCCCC;
	height: 188px;
	overflow-y: auto;
	font-size: 13px;
	line-height: 1.5em;
	padding: 10px;
	color: #646464;
}
#home_rss_body ul{
	list-style-type: none;
	padding-left: 10px;
}
#home_rss_body ul li{
	margin: 7px 0;
	color: #999999;
}
#home_rss_body ul li span{
	margin-left: 10px;
	font-size: 90%;
}
/* バナー ______________________ */
body#home #home_banner{
	clear:both;
	padding: 5px 0;
}
body#home #home_banner img{
	margin: 5px 0;
}
body#home #home_banner #home_banner_left{
	float: left;
	text-align: left;
	width: 50%;
}
body#home #home_banner #home_banner_right{
	float: right;
	text-align: right;
	width: 50%;
}
body#home #home_banner #home_banner_bottom{
	clear: both;
	text-align: center;
}


/* twitter ______________________ */
body#home #home_twitter{
	clear: both;
}
body#home #home_twitter #home_twitter_left{
	float: left;
	width: 360px;
}
body#home #home_twitter #home_twitter_right{
	float: right;
	width: 360px;
}





/* ******************************************
/* 投稿ページ/カテゴリページ
/* ****************************************** */

/* 共通：日付＆タイトル表示 ______________________ */
.entry_header{
	width: 700px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin: auto;
	height: 50px;
}
.entry_header .entry_date{
	float: left;
	width: 50px;
	height: 50px;
	background-image: url(entrytitle_date_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
}
.entry_header .entry_date .entry_d{
	line-height: 35px;
	font-size:25px;
	color: #518cb1;
}
.entry_header .entry_date .entry_ym{
	font-size: 9px;
	line-height: 10px;
	color: #78A7C2;
}
.entry_header .entry_title{
	float: left;
	height: 30px;
	width: 630px;
	font-size: 16px;
	line-height: 30px;
	color: #265a8b;
	padding-left: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B3D5E3;
	font-weight: normal;
}
.entry_header .entry_title a{
	color: #265a8b;
	text-decoration: none;
}
.entry_header .entry_title a:hover{
	color:#cc33cc;
}
.entry_header .entry_category{
	text-align: right;
	font-size: 10px;
	line-height: 20px;
	color: #999999;
}


/* カテゴリページ:続きを読む ______________________ */
.morelink{
	text-align: right;
	clear: both;
	font-size: 90%;
}

/* カテゴリページ:ページ分割ナビ ______________________ */
.wp-pagenavi {
	clear: both;
	font-size: 12px;
	color: #999;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
}
.wp-pagenavi span.current {
	border-color: #666;
}
.wp-pagenavi a:hover{
	background-color: #DAFEEB;
	border-top-color: #A3D6CD;
	border-right-color: #A3D6CD;
	border-bottom-color: #A3D6CD;
	border-left-color: #A3D6CD;
}
.wp-pagenavi span.current {
	font-weight: bolder;
	background-color: #fafafa;
	color: #666;
}



/* 投稿ページ:日付、戻るボタン ______________________ */
body#page div#entrydate{
	clear: both;
	text-align: right;
	font-size: 12px;
	color:#999999;
}
body#page div#entryback{
	margin: 10px auto;
	text-align: center;
}
body#page div#entryback a{
	display:block;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(entry_back.jpg);
	height: 30px;
	width: 120px;
	margin: auto;
}
body#page div#entryback a:hover{	background-position: bottom;}
body#page div#entryback span{text-indent: -9999px; display:none;}

/* 投稿ページ：記事一覧 ______________________ */
body#page #entrylist{
	margin: auto;
	width: 730px;
	font-size: 1px;
	line-height: 1px;
	padding-top: 20px;
	padding-bottom: 10px;
}
body#page #entrylist_header{
	width: 730px;
	background-image: url(entrylist_header.jpg);
	background-repeat: no-repeat;
	height: 10px;
}
body#page #entrylist_body{
	width: 710px;
	background-image: url(entrylist_bg.jpg);
	font-size: 13px;
	line-height: 2em;
	padding: 0px 10px;
	color: #666666;
	margin: 0 auto;
}
body#page #entrylist_body .entrylist_title{
	height: 40px;
	background-repeat: no-repeat;
}
body#page #entrylist_body .entrylist_title span{
	text-indent: -9999px; display:none;
}
body#page #entrylist_body #entrylist_left{
	float:left;
	width:430px;
}
body#page #entrylist_body #entrylist_left .entrylist_title{
	width: 430px;
	background-image: url(entrylist_recent.jpg);
}
body#page #entrylist_body #entrylist_right{
	float:right;
	width:270px;
}
body#page #entrylist_body #entrylist_right .entrylist_title{
	width: 270px;
	background-image: url(entrylist_category.jpg);
}

body#page #entrylist_body ul li{
	list-style-type: circle;
	margin-left: 2em;
}
body#page #entrylist_body ul li span{
	margin-left: 5px;
	font-size: 10px;
	color:#999999;
}
body#page #entrylist_footer{
	width: 730px;
	background-image: url(entrylist_footer.jpg);
	background-repeat: no-repeat;
	height: 20px;
}



/* ******************************************
/* 掲示板関連
/* ****************************************** */
body#bbs div#bbs_base p{
	margin: 10px;
}
body#bbs div#bbs_base div#bbs_guide{
	width: 600px;
	margin: 20px auto;
	padding: 10px;
	text-align: center;
	background-color: #FFCCFF;
}
body#bbs div#bbs_base div#bbs_guide p{
	margin: 5px;
}

div#bbs_base  div.bbs_navi{
	padding: 10px;
	margin: 0 auto;
	width: 400px;
	text-align: center;
}
div#bbs_base div.bbs_navi div.bbs_navi_normal{
	float:left;
}
div#bbs_base div.bbs_navi div.bbs_navi_spoiler{
	float:right;
}

div#bbs_base iframe.bbs_iframe{
	width: 670px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: 600px;
	border: 1px solid #CCCCCC;
}

/* ******************************************
/* ギャラリー
/* ****************************************** */
body#gallery #main .gallery-thumbnail{}

body#gallery #main .gallery-thumbnail{
	float: left;
	width: 95px;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0;
}
body#gallery #main .gallery-thumbnail img{
	padding: 2px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
}
body#gallery #main .gallery-thumbnail img:hover{
	border-color: #74FCE8;
	background-color: #74FCE8;
}
body#gallery #main .slideshowlink,
body#gallery #main .ngg-navigation{
	text-indent: -9999px;
	display:none;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0;
}

/* ******************************************
/* サイトマップ
/* ****************************************** */
body#sitemap ul#sitemap_list li{
	list-style-type: disc;
	margin: 5px 0 10px 3em;
}
body#sitemap ul#sitemap_list li.home-item{
	margin: 5px 0 10px 0;
	list-style-type: none;
}
body#sitemap ul#sitemap_list ul li{
	list-style-type: circle;
	margin: 2px 0 2px 2em;
}

body#sitemap ul#sitemap_list span.posts_in_category{
	margin-left: 10px;
	font-size: 85%;
}

/* ******************************************
/* メールフォーム
/* ****************************************** */
#mailform_tbl{
	margin: 20px auto;
	width: 600px;
	text-align: left;
}
#mailform_tbl th,#mailform_tbl td{
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ACC7DB;
}
#mailform_tbl th{
	width: 25%;
	white-space: nowrap;
	color: #666666;
	vertical-align: top;
}
#mailform_tbl .mailform_need{
	font-size: 90%;
	color:#CC0000;
	font-weight: normal;
}
#mailform_submit{
	text-align: center;
	padding: 10px;
}
#mailform_submit input{
	padding: 5px 10px;
	text-align: center;
}
/* ERROR */
.wpcf7-not-valid-tip-no-ajax{
	font-size: 85%;
	color:#CC0000;
	font-weight: normal;
	display: block;
	margin: 0;
	padding: 0;
}
.wpcf7-mail-sent-ng,
.wpcf7-validation-errors{
	color:#990000;
	padding-top: 20px;
	display: block;
}

/* 記事内画像飛び出し禁止　2017/08/20 */
img {
max-width: 100%;
height: auto;
}