@charset "utf-8";

/*
	File Name   : module.css
	Description : 共通のスタイル
*/


/*------------------------------------------------------------------ 
汎用アライン
-------------------------------------------------------------------*/
.align_r {
	text-align: right !important;
}

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

.align_l {
	text-align: left;
}

.flL{
	float: left !important;
}
.flR{
	float: right !important;
}



/*------------------------------------------------------------------ 
汎用テキスト装飾
-------------------------------------------------------------------*/
.borderY {
	background-color: #ffff0c;
}



/*------------------------------------------------------------------ 
汎用リスト　横並び
-------------------------------------------------------------------*/
.list01 {
	overflow: hidden;
}

.list01 li {
	margin-right: 10px;
	float: left;
}


/*------------------------------------------------------------------ 
汎用イメージ　幅100%
-------------------------------------------------------------------*/
.img100p {
	width: 100%;
	height: auto;
}

/*------------------------------------------------------------------ 
汎用フォーム
-------------------------------------------------------------------*/
#mainColumn input[type="text"],
#mainColumn input[type="password"],
#mainColumn select,
#mainColumn textarea {
	padding: 6px 8px;
	border: 1px solid #CCCCCC;
	margin: 7px 5px 7px 0;
}

input.imeOn {
	ime-mode: active;
}

input.imeOff {
	ime-mode: disabled;
}

input,
select {
	color: #646464;
}

label {
	margin-right: 5px;
}

label input {
	margin-right: 5px;
}


/*------------------------------------------------------------------ 
margin/padding 
-------------------------------------------------------------------*/
.mAuto { margin: auto   !important;}
.mt0 { margin-top: 0   !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr0 { margin-right: 0 !important;}
.mr2 { margin-right: 2px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr55 { margin-right:55px !important;}
.mr60 { margin-right:60px !important;}
.mr65 { margin-right:65px !important;}
.mb0 { margin-bottom: 0   !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}
.mb150 { margin-bottom:150px !important;}
.ml0 { margin-left: 0   !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.p0 { padding: 0 !important;}
.p5 { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.pt0 { padding-top: 0   !important;}
.pt5 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr0 { padding-right: 0   !important;}
.pr5 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb0 { padding-bottom: 0   !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl0 { padding-left: 0   !important;}
.pl5 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl70 { padding-left:70px !important;}


/*------------------------------------------------------------------ 
width
-------------------------------------------------------------------*/
.w100p { width: 100% !important;}
.w48p { width: 48% !important;}
.w50p { width: 50% !important;}
.w50 { width: 50px !important;}
.w60 { width: 60px !important;}
.w70 { width: 70px !important;}
.w80 { width: 80px !important;}
.w90 { width: 90px !important;}
.w100 { width: 100px !important;}
.w110 { width: 110px !important;}
.w120 { width: 120px !important;}
.w130 { width: 130px !important;}
.w140 { width: 140px !important;}
.w150 { width: 150px !important;}
.w160 { width: 160px !important;}
.w170 { width: 170px !important;}
.w180 { width: 180px !important;}
.w185 { width: 185px !important;}
.w190 { width: 190px !important;}
.w200 { width: 200px !important;}
.w210 { width: 210px !important;}
.w220 { width: 220px !important;}
.w230 { width: 230px !important;}
.w240 { width: 240px !important;}
.w250 { width: 250px !important;}
.w260 { width: 260px !important;}
.w270 { width: 270px !important;}
.w280 { width: 280px !important;}
.w290 { width: 290px !important;}
.w300 { width: 300px !important;}
.w320 { width: 320px !important;}
.w330 { width: 330px !important;}
.w350 { width: 350px !important;}
.w380 { width: 380px !important;}
.w390 { width: 390px !important;}
.w400 { width: 400px !important;}
.w440 { width: 440px !important;}
.w430 { width: 430px !important;}
.w450 { width: 450px !important;}
.w460 { width: 460px !important;}
.w500 { width: 500px !important;}
.w560 { width: 560px !important;}
.w580 { width: 580px !important;}
.w600 { width: 600px !important;}
.w610 { width: 610px !important;}
.w700 { width: 700px !important;}
.w740 { width: 740px !important;}
.w800 { width: 800px !important;}
.w900 { width: 900px !important;}
.w930 { width: 930px !important;}


/*------------------------------------------------------------------ 
vertical-align
-------------------------------------------------------------------*/ 
.vTop {	vertical-align: top;}
.vMid { vertical-align: middle;}


/*------------------------------------------------------------------ 
clearfix
-------------------------------------------------------------------*/ 

/* clearfix */
/* For modern browsers */
.cf:before, .cf:after{
    content:"";
    display:table;
}
.cf:after{
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf{
    zoom:1;
}


/* cfx */

#main:before,
#main:after,
#clipList:before,
#clipList:after,
#contentsWrap:before,
#contentsWrap:after,
.snsBox:before,
.snsBox:after,
.entryBody:before,
.entryBody:after {
    content:"";
    display:table;
}

#main:after,
#clipList:after,
#contentsWrap:after,
.snsBox:after,
.entryBody:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
#main,
#clipList,
#contentsWrap,
.snsBox,
.entryBody {
    zoom:1;
}