/* @override 
	http://trustrad.sixcore.jp/qa/css/base.css
*/

@charset "UTF-8";
@import url("text.css");

/* @group reset */

/* basic rules */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,em,address,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border: none;
	outline:0;
	font-size:100%;
	vertical-align:bottom;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
}

body{line-height:1.5em; font-size: 0.857em;}
h1,h2,h3{font-size: 1em;}
ol,ul{list-style: none;}
blockquote, q{quotes: none;}
/* remember to define focus styles */
:focus{
	outline: 0;
}

/* remember to highlight inserts somehow */
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0" in the markup */
table{
	border-collapse: collapse;
	border-spacing: 0;
}

.none{
	display:none!important;
}

.clear{
	clear:both;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

ul.normal li{list-style-type:disc; margin-left:1.5em;}
ol.normal li{
	list-style-type:decimal;
	list-style-position: inside;
	padding-left: 16px;
	text-indent: -15px;
}

/* @end */

/* @group link */

a:link {
	border-style: none;
	color: #4545f4;
	text-decoration: none;
}

a:visited {
	color: #3636c2;
	text-decoration: none;
}

a:hover {
	color: #f86e6e;
	text-decoration: none;
}

a:active {
	text-decoration: underline;
}



/* @end */

/* @group stracture */

body {
	background: #eeeeee;
	margin: 0px;
	padding: 0px;
}

#wrapper { 
	margin: 0 auto 0 auto;
	padding: 5px 30px 0 30px;
	width: 700px;
	background: #fff url(../common/bg.gif) repeat-y;
	min-height: 600px;
}

#header {
	width: 700px;
	overflow: hidden;
}

#headerLeft {
	width: 320px;
	float: left;
}

#headerRight {
	width: 255px;
	float: right;
	text-align: right;
}

#maingraphicsArea {
	margin-left: 10px;
}

a#sitelogo {
	float: left;
}

#navSkip {
	display: none;
}

/* @group shouldermenu */

div#searchMenu{
	background-color: #eaeaea;
	margin-left: 0px;
	padding-left: 6px;
	padding-right: 6px;
	height: 31px;
}

#serchfield, form#cse-search-box {
	padding-top: 4px;	
}


div#searchMenu input#as_q {
	width: 180px;
	height: 18px;
	margin: 0px 4px 0 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1em;
	color: #111;
	float: left;
}

#submitBtn {
	margin: 1px 0 0 2px;
	padding-top: 0px;
}

#aboutBtn {
	clear: both;
	margin: 0 0 0 100px;
}
/* @end */

/* コンテンツエリア定義 */
#contentsArea{
	width: 700px;
	min-height: 300px;
	margin: 0px 0 20px 0;
	overflow: hidden;
	clear: both;
}

#contents { 
	margin-bottom: 50px;
}

.leftcolumn {
	float: left;
	width: 500px;
	font-size: 14px;
	line-height: 1.8em;
	min-height: 300px;
}

.rightcolumn {
	float: right;
	width: 200px;
	padding-top: 0px;
	font-size: 11px;
	line-height: 1.4em;
}

/* @group notfound */

#notfound {
	width: 600px;
	padding: 30px 15px 25px 18px;
	margin: 40px 0 0 19px;
	background: #e6e2d4;
	font-size: 13px;
	line-height: 1.7em;
	color: #a5966a;
}


/* @end */


/* @group toPageTop */

div.toPageTop{
	clear: both;
	width: 95%;
	text-align: right;
	margin: 10px 10px 20px 0;
	font-size: 11px;
}

#btnToPageTop{
	float: right;
	margin: 10px 10px 0 0;
}



/* @end */


/* @group page navi */
body#qa.qa .wp-pagenavi {
	clear: both;
    margin: 55px auto 10px auto;
	font-size: 11px;
	text-align: center;
}

body#qa.qa .wp-pagenavi a, body#qa.qa .wp-pagenavi span {
	text-decoration: none;
	border: none;
	padding: 5px 7px;
	margin: 2px;
	background-color: #0e1a66;
	color: #fff;
}

body#qa.qa .wp-pagenavi a:hover, .wp-pagenavi span.current {
	border: none;
	background: #e6e2d4;
	color: #0e1a66;
}

body#qa.qa .wp-pagenavi span.current {
	font-weight: bold;
	background: #b9b9cb;
	color: #0e1a66;
}
/* @end */



/* @group footer */

#footer{ 
	width: 700px;
	min-height: 82px;
	margin: 25px 0 0 0;
	padding-top: 8px;
	clear: both;
	background-color: #dfdfdf;
}

#footer #footercontents{ 
	width: 682px;
	margin-left: 9px;
	font-size: 11px;
	line-height: 1.6em;
}

#footer a{ 
	float: right;
}

#footer #footercontents #credit{ 
	margin-bottom: 28px;
	font-weight: bold;
}


ul#footmenu {
	margin: 14px 0px 0px 14px;
	padding: 0px;
	float: left;
}

ul#footmenu li{
	display: inline;
	list-style-type: none;
	float: left;
	margin-right: 15px;
	padding: 0px;
}

ul#footmenu li a{
	font-size: 11px;
	line-height: 1em;
	font-weight: bold;
	color: #fff;
}

ul#footmenu li a:hover{
	color: #99c6ac;
}

/* @end */



/* @end */

/* @group maingraphics */
div#maingraphic {
	width: 700px;
	clear: both;
	margin-bottom: 8px;
}

body#qa.index div#maingraphic {
	background: url(../common/maingraphic_index.jpg) no-repeat;
	padding-top: 330px;
	overflow: hidden;
	padding-bottom: 20px;
}

body#qa.qa div#maingraphic, body#qa.page div#maingraphic {
	height: 146px;
	margin-bottom: 0px;
	background: url(../common/maingraphic_qa.jpg) no-repeat;
}

body#qa.qa div#maingraphic h1, body#qa.page div#maingraphic h1{
	text-align: right;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	padding: 62px 10px;
}

/* @end */

/* @group photo */

/* 写真のみ左右位置 */

.photoR{
	float: right;
	margin: 0 0 15px 15px;
}

.photoL{
	float: left;
	margin: 0 15px 15px 0;
}

.photoLM{
	float: left;
	margin: 0 10px 10px 8px;
}


.photo{
	margin: 5px 0 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 5px;
}

.alignleft {
	float: left;
	margin: 0 5px 10px 0;
}

.alignnone {
	margin: 0 5px 10px 0;
}

/* キャプション付き左右位置 */

.captionL{
	float: left;
	margin: 0 8px 10px 8px;
	padding-top: 6px;
	font-size: 12px;
	text-align: left;
	line-height: 1.4em;
	color: #666;
}

.captionLF{
	float: left;
	margin: 0 8px 10px 0px;
	padding-top: 6px;
	font-size: 12px;
	text-align: left;
	line-height: 1.4em;
	color: #666;
}

.captionLFF{
	float: left;
	margin: 0 0px 10px 0px;
	padding-top: 6px;
	font-size: 12px;
	text-align: left;
	line-height: 1.4em;
	color: #666;
}


.captionR{
	float: right;
	margin: 0 8px 10px 8px;
	padding-top: 6px;
	font-size: 12px;
	text-align: left;
	line-height: 1.4em;
	color: #666;
}

.captionRF{
	float: right;
	margin: 0 0px 10px 8px;
	padding-top: 6px;
	font-size: 12px;
	text-align: left;
	line-height: 1.4em;
	color: #666;
}

.captionRFF{
	float: right;
	margin: 0 0px 10px 0px;
	padding-top: 6px;
	font-size: 12px;
	text-align: left;
	line-height: 1.4em;
	color: #666;
}



/* 横幅 */

.pWidth75 {
	width: : 75px;
}

.pWidth100 {
	width: : 100px;
}

.pWidth120 {
	width: : 120px;
}

.pWidth150 {
	width: : 150px;
}

.pWidth180 {
	width: : 180px;
}

.pWidth200 {
	width: : 200px;
}

.pWidth240 {
	width: : 240px;
}

.pWidth300 {
	width: : 300px;
}

.pWidth450 {
	width: : 450px;
}

.pWidth500 {
	width: : 500px;
}

.pWidth600 {
	width: : 600px;
}

.pWidth700 {
	width: : 700px;
}

.pWidth750 {
	width: : 750px;
}

.pWidth800 {
	width: : 800px;
}



.horizontalPhoto{
	margin: -40px 0 40px 0px;
}

.captionTextHorizontal{
	margin: 5px 0px 40px 10px;
	font-size: 12px;
	line-height: 1.4em;
	color: #888;
}



/* @end */

/* @group table */

/* @group table tableText */
table.tableText {
	clear: both;
	color: #333;
	background: #fff;
	padding: 2px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
	vertical-align: text-top;
}

table.tableText th{
	color: #333;
	background: #fff;
	padding: 3px 6px 3px 2px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
	vertical-align: text-top;
	border-top: 1px solid #333;
	font-weight: normal;
}

table.tableText td{
	color: #333;
	background: #fff;
	padding: 3px 6px 3px 2px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
	vertical-align: text-top;
		border-top: 1px solid #b2b2b2;
}

table.tableText.link {
	width: 500px;
}

table.tableText.link th a{
	font-size: 12px;
	line-height: 1.5em;
	vertical-align: text-top;
	font-weight: normal;
	text-decoration: none;
}

table.tableText.link td{
	width: 260px;
}

table.historylist {
	width: 620px;
}

table.list350 {
	width: 350px;
}

table.list500 {
	width: 500px;
}

table.list620 {
	width: 620px;
}



/* @end */

/* @group WP-Table */

table#wp-calender {
	width: 180px;
	padding: 1px;
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;
	vertical-align: text-top;
	margin: 6px 0px 40px 0px;
}

table#wp-calendar th{
	color: #333;
	background: #ccc;
	padding: 3px 6px 3px 2px;
	font-size: 11px;
	line-height: 1.2em;
	text-align: center;
	vertical-align: text-top;
	font-weight: bold;
}

table#wp-calendar td{
	color: #333;
	background: #fff;
	padding: 3px 6px 3px 2px;
	font-size: 11px;
	line-height: 1.2em;
	text-align: center;
	vertical-align: text-top;
	font-weight: normal;
}

table#wp-calendar td a{
	color: #33f;
	font-weight: bold;
}

table#wp-calendar tfoot tr{
	vertical-align: text-top;
	height: 40px;
}

table#wp-calendar tfoot a{
	margin-bottom: 40px;
	padding-bottom: 40px;
	vertical-align: text-top;
	height: 40px;
}



/* @end */

/* @group ol.num */

/* リスト要素：ナンバー付きリスト　*/
ol.num{
	margin: 10px 30px 40px 20px;
	padding: 0px 0 0 0px;
}

ol.num li{
	list-style-position: outside;
	margin-right: 30px;
	list-style-type: decimal;
	padding-bottom: 10px;
	margin-left: 30px;
	margin-top: 5px;
}



/* @end */

/* @group ul.mainlist */

/* リスト要素：本文内リスト　*/
ul.mainlist{
	margin: 10px 0 30px 0px;
	background-color: #fff;
}

ul.mainlist li{
	list-style-position: outside;
	margin-right: 30px;
	list-style-type: disc;
	padding-bottom: 10px;
	margin-left: 30px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.3em;
}

ul.mainlist li.eiurl{
	padding: 6px 0px 0px 0px;
	line-height: 1.8em;
}



/* @end */

/* @group ul.simple */

/* リスト要素：シンプルリスト　*/

ul.simplelist{
	margin: 10px 0 40px 0px;
}

ul.simplelist li{
	list-style-position: outside;
	margin-right: 5px;
	list-style-type: disc;
	padding-bottom: 5px;
	margin-left: 20px;
	margin-top: 3px;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: normal;
}



/* @end */

/* @group dl.data */

dl.data {
	margin: 0 30px 60px 0px;
	padding: 0px;
}

dl.data dt {
	font-size: 12px;
	font-weight: bold;
	color: #4e497c;
	line-height: 1.3em;
	list-style: none;
	list-style-position: outside;
	margin: 30px 0 5px 5px;
}

dl.data dd {
	margin: 0 0 5px 10px;
	padding-top: 2px;
	font-size: 12px;
	line-height: 1.3em;
	color: #666;
}

dl.data dd a{
	color: #529209;
}

dl.data dd a:visited{
	color: #529209;
}

dl.data dd a:hover{
	color: #f97e7e;
}



/* @end */

/* @group ul.cautionlist */

/* リスト要素：注釈リスト*/

ul.cautionlist {
	margin: 0px 30px 40px 40px;
	padding: 0px 0 0 0px;
}

ul.cautionlist li{
	display: block;
	padding: 0 0 0px 16px;
	margin: 0 0 4px 0;
	color: #aa5555;
	font-size: 11px;
	line-height: 1.3em;
	background-image: url(../img/kome.gif);
	background-repeat: no-repeat;
	list-style: none;
	list-style-position: outside;
}



/* @end */

/* @group ul.linklist */

/* リスト要素：リンクリスト　*/
ul.linklist{
	margin-left: 0px;
	margin-bottom: 90px;
	margin-right: 0;
	margin-top: 0px;
	background-color: #fff;
	width: 500px;
	display: block;
}

ul.linklist li{
	list-style-position: outside;
	list-style-type: none;
	padding-top: 4px;
	padding-bottom: 8px;
	font-size: 12px;
	line-height: 1.3em;
	border-top: 1px solid #b3b3b3;
	clear: both;
}




ul.list{
	margin-bottom: 30px;
}

ul.list li{
	list-style-position: outside;
	list-style-type: disc;
	margin: 3px 15px 10px 30px;
	font-size: 12px;
	line-height: 1.5em;
}

blockquote {
    position: relative;
    padding: 35px 15px 10px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    content: "“";
    font-family: sans-serif;
    color: #9dd4ff;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}


/* @end */



/* @end */

/* @group anq */
#qa.page textarea {
	width: 500px;
	height: 100px;
	margin-bottom: 20px;
}

/* @end */





