@charset "utf-8";

/*-----------------------------------------
SampleFan renewal

default.css date:2013/01/23 write:a_fujii
-----------------------------------------*/

/* common all */


html {
	color:#666;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.5;
	overflow-y:scroll;
	background:#fff;
}

body {
	margin:0;
	padding:0;
	background:#fff;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,textarea,select,fieldset,legend,p,blockquote,img { margin:0; padding:0;}
fieldset,img { border:0;}

ol,ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}


address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

.nowrap {white-space:nowrap;}
.bold {font-weight:bold;}
strong { font-weight: bold;}

/* float */
.floatL {float:left;}
.floatR {float:right;}


/* clear */
.clear {
	clear: both;
	background: transparent;
	height: 1px;
	font-size: 1px;
}

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}

 /* IE6 */
 * html .clearfix {
	display: inline-block;
 }
/* IE7 */
 *+html .clearfix {
 	display: inline-block;
}

/* margin */

.mgt3 {margin-top:3px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr35 {margin-right:35px !important;}
.mgr40 {margin-right:40px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl40 {margin-left:40px !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}



/* padding */

.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}

.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}


/* align */

.alR {text-align:right;}
.alL {text-align:left;}
.alC {text-align:center;}

.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}


/* link */
a:link {   color: #007ac0; text-decoration: underline;}
a:visited {color: #007ac0; text-decoration: underline;}
a:hover {  color: #4caae0; text-decoration: underline;}
a:active { color: #4caae0; text-decoration: underline;}

.pdtName {font-weight:bold;}

.imgOver{
	opacity:1.0;
	filter: alpha(opacity=100);
}

.imgOver:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}



/* text */

.txtB {
	font-size:16px !important;
	line-height:1.5 !important;
}
.txtM {
	font-size:14px !important;
	line-height:1.5 !important;
}
.txtS {
	font-size:10px !important;
	line-height:1.3 !important;
}

.colorPink01{ color:#ff6369;}
.colorPink01B{ color:#ff6369; font-weight:bold;}


/* arrow */

.arrow01 a{
	padding-left:13px;
	background:transparent url(/common/img/icon_arrow01.gif) left center no-repeat;
	text-decoration:none;
}

.arrow02 a{
	font-size:10px;
	line-height:1;
	padding-left: 8px;
	background: transparent url(/common/img/icon_arrow02.gif) left center no-repeat;
}

/* line */

.dotLine01 {
	background: url(/common/img/dotline01.gif) left center repeat-x;
	height:1px;
	font-size:1px;
	line-height:0;
	margin:3px 0 6px;
}

/* box */

.grayBox01 {
	border:1px solid #CCC;
	padding:10px;
}

.grayBox02 {
	background:#EEE;
	padding:10px;
}

/* pageTop */

.pageTop {
	margin-top:20px;
	text-align:right;
}


/* midashi */

.md640{
	width:620px;
	height:30px;
	background:transparent url(/common/img/md_pink640.gif) left center no-repeat;
	padding:0 10px;
	vertical-align:middle;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	font-weight:bold;
}

.md960{
	width:940px;
	height:30px;
	background: url(/common/img/md_pink960.gif) left center no-repeat;
	padding:0 10px;
	vertical-align:middle;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	font-weight:bold;
}


/* careful */

ul.careful li{
	text-indent:-12px;
	padding-left:12px;
	padding-bottom:3px;
}