/* CSS Document */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
 
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
	font-family : YuGothic, '游ゴシック', sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	color:#403937;
}
 
html{
	font-size: 62.5%;

	}
/*行の高さをフォントサイズと同じにしています*/
body {
	line-height:1.6;
}
 
/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}
 

/*画像を縦に並べたときに余白が出てしまわないようにしています*/ 
 img {
　　　line-height: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}
 
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
}
 
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
 
/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}
 
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

/* link */

a:link,
a:active{
/*color:#272424;*/
color:#0063d0;
text-decoration:none;
}
a:visited{
color:#0066FF;
text-decoration:none;
}

a:hover{
color:#e8178b;
text-decoration:underline;
}

a.txtlink{
	color: #fff;
	text-decoration: none;
}

a.txtlink:hover{
	color: #e04038;
	text-decoration: underline;
}
a.pdflink{
	background:url(../img/common/icon_pdf.png) left 50% no-repeat;
	padding-left:25px;
	padding:8px 0 8px 25px;
	color:#403937;
}
a.pdflink:hover{
	color: #e04038;
	text-decoration: underline;
}
.switchDetail table a{
	background:url(../img/common/icon_pdf.png) left 50% no-repeat;
	padding-left:25px;
	padding:8px 0 8px 25px;
	color:#403937;
}
.switchDetail table a:hover{
	color: #e04038;
	text-decoration: underline;
}

/* new clearfix */
.clearfix: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 */

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* スクロールバー要素
----------------------------------------------------------- */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 10px;     /* 縦スクロールバーの幅を指定 */
  height: 100%;
  background: #ffffff;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 10px;     /* 横スクロールバーの幅を指定 */
  background: #ffffff;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #aaaaaa;     /* スクロールバーの背景色を指定 */
  position: relative;
}

.jspDrag {
  background: #bb3129;     /* スクロールバーの色を指定 */
  position: relative;
  top: 0px;
  left: 0px;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0px -3px 0px 0px;
}



/*****BASE******/

img{
	max-width : 100%;
	height: auto;
	width /***/:auto;　
}

img.vm{
	vertical-align:middle;
}

ul,ol{
list-style: none;
}

.arr{
	text-align:right !important;
}
.arl{
	text-align:left !important;
}
.txt-center{
	text-align:center !important;
}
.fll{
	float:left;
}
.flr{
	float:right;
}
.alignleft{
	float:left;
	margin-right:20px;
}
.alignright{
	float:right;
	margin-left:20px;
}
.Flexbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.Flexboxcenter{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.soukoimg{
	width:80%;
	margin: 0 10%;
}
.w100{
	width:100%;
	padding: 10px 10px 0;
}
.w50{
	width:50%;
}
.w50c{
	width:50%;
	margin: 0 25%;
}
.Flexbox .w50{
	padding: 0 5px;
}
.tS{
	font-size: 0.85em;
}
@media screen and (max-width: 840px){
.w50{
	width:100%;
}
.w50c{
	width:100%;
	margin: 0 auto;
}
.w40{
	width:100%;
}
.w60{
	width:100%;
}
	.whbox .w50{
		width: 50%;
	}
}
@media screen and (max-width: 500px){
.alignleft{
	display:block;
	text-align:center;
	margin:0 auto 20px !important;
	float:none;
}
.alignright{
	display:block;
	text-align:center;
	margin:0 auto 20px !important;
	float:none;
}
.w50{
	width:100%;
}
}
.red{
	color:#d31e1e !important;
}
.fblue{
	color:#1e5591;
}
.ml5{
	margin-left:5px !important;
}
.ml10{
	margin-left:10px !important;
}
.ml20{
	margin-left:20px !important;
}
.ml30{
	margin-left:30px !important;
}
.mr20{
	margin-right:20px !important;
}
.mr25{
	margin-right:25px !important;
}
.mr30{
	margin-right:30px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt30{
	margin-top:30px !important;
}
.mt50{
	margin-top:50px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb50{
	margin-bottom:50px !important;
}

/*レスポンシブ用イメージ*/
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*clearfix*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}