@charset "utf-8";

/* -------------------------------------------------------------- 
   common.css
   Author: Issey Yamaki --  +D inc.  --  http://www.plus-d.co.jp/
-------------------------------------------------------------- */
html /*{overflow-y: scroll;} */



::selection {
background: #755387;
color:#FFF;
}

::-moz-selection {
background: #755387;
color:#FFF;
}

/* page-top */
#up {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#up a img {width: 60px; font:0; line-height:0; vertical-align:bottom;}
#up a:hover img{filter:alpha(opacity=70);opacity:0.7;-webkit-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;transition:opacity 0.1s linear;}

a img.hover {filter:alpha(opacity=100);opacity:1;-webkit-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;transition:opacity 0.1s linear;}
a:hover img.hover, a:focus img.hover {filter:alpha(opacity=70);opacity:0.7;-webkit-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;transition:opacity 0.1s linear;}

em { color:#e0426d; font-weight:bold;}


.strong {font-weight:bold}

.left {float:left}
.right {float:right}
.block {display:block}
.inline {display:inline}
.none {display:none;}
.clr {clear:both}
.txtL {text-align:left}
.txtC {text-align:center}
.txtR {text-align:right}
.mar0 {margin:0!important}
.mar5 {margin:5px}
.mar10 {margin:10px}
.mar15 {margin:15px}
.mar20 {margin:20px}
.mar30 {margin:30px}
.marL5 {margin-left:5px}
.marL10 {margin-left:10px}
.marL15 {margin-left:15px}
.marL20 {margin-left:20px}
.marL30 {margin-left:30px}
.marR5 {margin-right:5px}
.marR10 {margin-right:10px}
.marR15 {margin-right:15px}
.marR20 {margin-right:20px}
.marR30 {margin-right:30px}
.marT5 {margin-top:5px}
.marT10 {margin-top:10px}
.marT15 {margin-top:15px}
.marT20 {margin-top:20px}
.marT30 {margin-top:30px}
.marB5 {margin-bottom:5px}
.marB10 {margin-bottom:10px}
.marB15 {margin-bottom:15px}
.marB20 {margin-bottom:20px}
.marB30 {margin-bottom:30px}
.marB40 {margin-bottom:40px}
.pad0 {padding:0!important}
.pad5 {padding:5px}
.pad10 {padding:10px}
.pad15 {padding:15px}
.pad20 {padding:20px}
.pad30 {padding:30px}
.padL5 {padding-left:5px}
.padL10 {padding-left:10px}
.padL15 {padding-left:15px}
.padL20 {padding-left:20px}
.padL30 {padding-left:30px}
.padR0 {padding-right:0!important}
.padR5 {padding-right:5px}
.padR10 {padding-right:10px}
.padR15 {padding-right:15px}
.padR20 {padding-right:20px}
.padR30 {padding-right:30px}
.padT5 {padding-top:5px}
.padT10 {padding-top:10px}
.padT15 {padding-top:15px}
.padT20 {padding-top:20px}
.padT30 {padding-top:30px}
.padB5 {padding-bottom:5px}
.padB10 {padding-bottom:10px}
.padB15 {padding-bottom:15px}
.padB20 {padding-bottom:20px}
.padB30 {padding-bottom:30px}

.padTR5 {padding:5px 5px 0 0}
.padTR10 {padding:10px 10px 0 0}
.padTR15 {padding:15px 15px 0 0}
.padTR20 {padding:20px 20px 0 0}

.padTB5 {padding:5px 0}
.padTB10 {padding:10px 0}
.padTB15 {padding:15px 0}
.padTB20 {padding:20px 0}

.padTL5 {padding:5px 0 0 5px}
.padTL10 {padding:10px 0 0 10px}
.padTL15 {padding:15px 0 0 15px}
.padTL20 {padding:20px 0 0 20px}

.padRB5 {padding:0 5px 5px 0}
.padRB10 {padding:0 10px 10px 0}
.padRB15 {padding:0 15px 15px 0}
.padRB20 {padding:0 20px 20px 0}

.padBL5 {padding:0 0 5px 5px}
.padBL10 {padding:0 0 10px 10px}
.padBL15 {padding:0 0 15px 15px}
.padBL20 {padding:0 0 20px 20px}

.padLR5 {padding:0 5px}
.padLR10 {padding:0 10px}
.padLR15 {padding:0 15px}
.padLR20 {padding:0 20px}
.padLR25 {padding:0 25px}

.marTR5 {margin:5px 5px 0 0}
.marTR10 {margin:10px 10px 0 0}
.marTR15 {margin:15px 15px 0 0}
.marTR20 {margin:20px 20px 0 0}

.marTB5 {margin:5px 0}
.marTB10 {margin:10px 0}
.marTB15 {margin:15px 0}
.marTB20 {margin:20px 0}

.marTL5 {margin:5px 0 0 5px}
.marTL10 {margin:10px 0 0 10px}
.marTL15 {margin:15px 0 0 15px}
.marTL20 {margin:20px 0 0 20px}

.marRB5 {margin:0 5px 5px 0}
.marRB10 {margin:0 10px 10px 0}
.marRB15 {margin:0 15px 15px 0}
.marRB20 {margin:0 20px 20px 0}

.marBL5 {margin:0 0 5px 5px}
.marBL10 {margin:0 0 10px 10px}
.marBL15 {margin:0 0 15px 15px}
.marBL20 {margin:0 0 20px 20px}

.marLR5 {margin:0 5px}
.marLR10 {margin:0 10px}
.marLR15 {margin:0 15px}
.marLR20 {margin:0 20px}

.font10 {font-size:77%}
.font11 {font-size:85%}
.font12 {font-size:93%}
.font13 {font-size:100%}
.font14 {font-size:108%}
.font15 {font-size:116%}
.font16 {font-size:123.1%}
.font17 {font-size:131%}
.font18 {font-size:138.5%}
.font19 {font-size:146.5%}
.font20 {font-size:153.9%}

.fontS {font-size:10px}
.fontM {font-size:12px}
.fontL {font-size:14px}
.fontLL {font-size:16px}
.fontXL {font-size:18px}

.fontN {font-weight:normal!important}

.LH12 {line-height:1.2}
.LH13 {line-height:1.3}
.LH14 {line-height:1.4}
.LH15 {line-height:1.5}
.LH16 {line-height:1.6}
.LH17 {line-height:1.7}
.LH18 {line-height:1.8}
.LH19 {line-height:1.9}
.LH20 {line-height:2}

.vaT {vertical-align:top}
.vaM {vertical-align:middle}
.vaBe {vertical-align:baseline}
.vaBo {vertical-align:bottom}

/* Kerning firefox3*/
p.kerning, x:-moz-any-link, x:default {text-align:justify}
/* Kerning IE8 and below*/
p.kerning {text-justify: inter-ideograph\9;}
/* Kerning IE9*/
p.kerning:not(:target) {text-justify: inter-ideograph\9;}

/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
	
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}

* html .clearfix             { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */

header:after ,
footer:after ,
ul:after ,
dl:after ,
section:after ,
nav:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	font-size:0.1px;
}

header ,
footer ,
ul ,
dl ,
section ,
nav { zoom: 1;
}