@charset "utf-8";
/**
 * 基本スタイル
 *
 * @since	2013.12.01
 * @version	1.0
 * @author	msc) ishimoto
 */

html {
	overflow-y: scroll;
	font-size: 16px;
}

body {
	color: #333;
	font: 14px/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",OSAKA,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic",verdana,sans-serif;
	text-align: left;
}


/* リンク
*********************************/
a:link {
	color: #06c;
	text-decoration: underline;
}

a:visited {
	color: #06c;
	text-decoration: none;
}

a:active {
	color: #06c;
	text-decoration: none;
}

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


/* 汎用
*********************************/
.right {
	text-align: right !important;
}
.floatR {
	float: right;
}

.left {
	text-align: left !important;
}
.floatL {
	float: left;
}

.center {
	text-align: center !important;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.bottom {
	vertical-align: bottom !important;
}

.fixed {
	position: fixed !important;
}

.absolute {
	position: absolute !important;
}

.relative {
	position: relative !important;
}

.hide {
	display: none;
}

.inlineblock {
	display: inline-block;
}

.invisible {
	visibility: hidden;
}

.bold {
	font-weight: bold;
}

.break {
	word-break: break-all;
	word-wrap: break-word;
}

.clear {
	clear: both;
}

.block {
	margin: 20px 0;
}

.miniblock {
	margin: 4px 0;
}

.inner {
	padding: 10px;
}

.nowrap {
	white-space: nowrap;
}

input.zenkaku,
textarea.zenkaku {
	ime-mode: auto;/* ハックなし */
	ime-mode: active\9; /* IE8以下 */
}
input.zenkaku:not(:target) ,
textarea.zenkaku:not(:target) {
	ime-mode: active\9; 
}

input.int,
input.decimal,
input.hankaku {
	ime-mode: disabled;
}
input.int,
input.decimal {
	text-align: right;
}

.w01{width: 1rem;} .w02{width: 2rem;} .w03{width: 3rem;} .w04{width: 4rem;} .w05{width: 5rem;}
.w06{width: 6rem;} .w07{width: 7rem;} .w08{width: 8rem;} .w09{width: 9rem;} .w10{width:10rem;}
.w11{width:11rem;} .w12{width:12rem;} .w13{width:13rem;} .w14{width:14rem;} .w15{width:15rem;}
.w16{width:16rem;} .w17{width:17rem;} .w18{width:18rem;} .w19{width:19rem;} .w20{width:20rem;}
.w21{width:21rem;} .w22{width:22rem;} .w23{width:23rem;} .w24{width:24rem;} .w25{width:25rem;}
.w26{width:26rem;} .w27{width:27rem;} .w28{width:28rem;} .w29{width:29rem;} .w30{width:30rem;}
.w31{width:31rem;} .w32{width:32rem;} .w33{width:33rem;} .w34{width:34rem;} .w35{width:35rem;}
.w36{width:36rem;} .w37{width:37rem;} .w38{width:38rem;} .w39{width:39rem;} .w40{width:40rem;}
.w41{width:41rem;} .w42{width:42rem;} .w43{width:43rem;} .w44{width:44rem;} .w45{width:45rem;}
.w46{width:46rem;} .w47{width:47rem;} .w48{width:48rem;} .w49{width:49rem;} .w50{width:50rem;}
.w51{width:51rem;} .w52{width:52rem;} .w53{width:53rem;} .w54{width:54rem;} .w55{width:55rem;}
.w56{width:56rem;} .w57{width:57rem;} .w58{width:58rem;} .w59{width:59rem;} .w60{width:60rem;}
.w61{width:61rem;} .w62{width:62rem;} .w63{width:63rem;} .w64{width:64rem;} .w65{width:65rem;}
.w66{width:66rem;} .w67{width:67rem;} .w68{width:68rem;} .w69{width:69rem;} .w70{width:70rem;}
.w71{width:71rem;} .w72{width:72rem;} .w73{width:73rem;} .w74{width:74rem;} .w75{width:75rem;}
.w76{width:76rem;} .w77{width:77rem;} .w78{width:78rem;} .w79{width:79rem;} .w80{width:80rem;}
.w81{width:81rem;} .w82{width:82rem;} .w83{width:83rem;} .w84{width:84rem;} .w85{width:85rem;}
.w86{width:86rem;} .w87{width:87rem;} .w88{width:88rem;} .w89{width:89rem;} .w90{width:90rem;}

.wFull {width:100%;} 

input.ymd{
	width:105px;
	text-align: center;
	ime-mode: disabled;
}
#main.fontsize-L input.ymd,
#main.fontsize-M input.ymd,
#main.fontsize-S input.ymd{
	width:115px;
	text-align: center;
	ime-mode: disabled;
}
.ymd:not(:target){
	text-align: center\9;
	ime-mode: disabled\9;
}
#main.fontsize-S input.ymd:not(:target){
	width:95px\9;
}
#main.fontsize-M input.ymd:not(:target){
	width:105px\9;
}
#main.fontsize-L input.ymd:not(:target){
	width:115px\9;
}

input.ymd2{
	width:105px;
	text-align: center;
	ime-mode: disabled;
}
#main.fontsize-L input.ymd2,
#main.fontsize-M input.ymd2,
#main.fontsize-S input.ymd2{
	width:115px;
	text-align: center;
	ime-mode: disabled;
}
.ymd2:not(:target){
	text-align: center\9;
	ime-mode: disabled\9;
}
#main.fontsize-S input.ymd2:not(:target){
	width:95px\9;
}
#main.fontsize-M input.ymd2:not(:target){
	width:105px\9;
}
#main.fontsize-L input.ymd2:not(:target){
	width:115px\9;
}

input.ym{
	width:95px;
	text-align: center;
	ime-mode: disabled;
}
#main.fontsize-L input.ym,
#main.fontsize-M input.ym,
#main.fontsize-S input.ym{
	width:105px;
	text-align: center;
	ime-mode: disabled;
}
.ym:not(:target){
	text-align: center\9;
	ime-mode: disabled\9;
}
#main.fontsize-S input.ym:not(:target){
	width:85px\9;
}
#main.fontsize-M input.ym:not(:target){
	width:95px\9;
}
#main.fontsize-L input.ym:not(:target){
	width:105px\9;
}

input.y{
	width:60px;
	text-align: center;
	ime-mode: disabled;
}
#main.fontsize-L input.y,
#main.fontsize-M input.y,
#main.fontsize-S input.y{
	width:70px;
	text-align: center;
	ime-mode: disabled;
}
.y:not(:target){
	text-align: center\9;
	ime-mode: disabled\9;
}
#main.fontsize-S input.y:not(:target){
	width:50px\9;
}
#main.fontsize-M input.y:not(:target){
	width:60px\9;
}
#main.fontsize-L input.y:not(:target){
	width:70px\9;
}


/* input-text
*********************************/
input[type="text"],
input[type="password"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px 2px;
	border: 1px solid #ccc;
	line-height: 23px;
}

/* textarea
*********************************/
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 5.5em;
	min-height: 5.5rem;
	word-break: break-all;
	word-wrap: break-word;
	resize: none;
	border: 1px solid #ccc;
	line-height: 23px;
}


/* placeholder
*********************************/
input::-webkit-input-placeholder {
	color: #999;
	line-height: 1.4;
	opacity: 1;
}
input::-moz-placeholder {
	color: #999;
	opacity: 1;
}
textarea::-webkit-input-placeholder {
	color: #999;
	line-height: 1.4;
	opacity: 1;
}
textarea::-moz-placeholder {
	color: #999;
	opacity: 1;
}


/* clearfix
*********************************/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}