@charset "utf-8";

/*
	* Copyright (C) 2012 CREATIVEWEB All Rights Reserved.
	* URL : http://www.creative-web.co.jp/
*/


/*
	* 1.BROWSER
	* 2.COMMON
*/


/*******************************************************************************
**	1.BROWSER
*******************************************************************************/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/*******************************************************************************
**	2.COMMON
*******************************************************************************/

/* clear
----------------------------------------------------------------------------- */
.clear {clear:both;}

/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	zoom: 1;
}

/* float
----------------------------------------------------------------------------- */
.floatRight {float:right;}
.floatLeft {float:left;}

/* align valign
----------------------------------------------------------------------------- */
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.alignLeft {text-align:left !important;}
.valignTop {vertical-align:top !important;}
.valignMiddle {vertical-align:middle !important;}
.valignBottom {vertical-align:bottom; !important}

/* image
----------------------------------------------------------------------------- */
img.imgLeft{
	float:left;
	padding:0 20px 0 0;
}
img.imgRight{
	float:right;
	padding:0 0 0 20px;
}

/* padding
----------------------------------------------------------------------------- */
.paddingTop0 {padding-top:0 !important;}
.paddingTop3 {padding-top:3px !important;}
.paddingTop5 {padding-top:5px !important;}
.paddingTop10 {padding-top:10px !important;}
.paddingTop15 {padding-top:15px !important;}
.paddingTop20 {padding-top:20px !important;}
.paddingTop25 {padding-top:25px !important;}
.paddingTop30 {padding-top:30px !important;}
.paddingTop35 {padding-top:35px !important;}
.paddingTop40 {padding-top:40px !important;}
.paddingTop45 {padding-top:45px !important;}
.paddingTop50 {padding-top:50px !important;}
.paddingTop60 {padding-top:60px !important;}
.paddingTop70 {padding-top:70px !important;}
.paddingTop80 {padding-top:80px !important;}
.paddingTop90 {padding-top:90px !important;}
.paddingTop100 {padding-top:100px !important;}

.paddingRight0 {padding-right:0 !important;}
.paddingRight5 {padding-right:5px !important;}
.paddingRight10 {padding-right:10px !important;}
.paddingRight15 {padding-right:15px !important;}
.paddingRight20 {padding-right:20px !important;}
.paddingRight25 {padding-right:25px !important;}
.paddingRight30 {padding-right:30px !important;}
.paddingRight35 {padding-right:35px !important;}
.paddingRight40 {padding-right:40px !important;}
.paddingRight45 {padding-right:45px !important;}
.paddingRight50 {padding-right:50px !important;}
.paddingRight60 {padding-right:60px !important;}
.paddingRight70 {padding-right:70px !important;}
.paddingRight80 {padding-right:80px !important;}
.paddingRight90 {padding-right:90px !important;}
.paddingRight100 {padding-right:100px !important;}

.paddingBottom0 {padding-bottom:0 !important;}
.paddingBottom5 {padding-bottom:5px !important;}
.paddingBottom10 {padding-bottom:10px !important;}
.paddingBottom15 {padding-bottom:15px !important;}
.paddingBottom20 {padding-bottom:20px !important;}
.paddingBottom25 {padding-bottom:25px !important;}
.paddingBottom30 {padding-bottom:30px !important;}
.paddingBottom35 {padding-bottom:35px !important;}
.paddingBottom40 {padding-bottom:40px !important;}
.paddingBottom45 {padding-bottom:45px !important;}
.paddingBottom50 {padding-bottom:50px !important;}
.paddingBottom60 {padding-bottom:60px !important;}
.paddingBottom70 {padding-bottom:70px !important;}
.paddingBottom80 {padding-bottom:80px !important;}
.paddingBottom90 {padding-bottom:90px !important;}
.paddingBottom100 {padding-bottom:100px !important;}

.paddingLeft0 {padding-left:0 !important;}
.paddingLeft5 {padding-left:5px !important;}
.paddingLeft10 {padding-left:10px !important;}
.paddingLeft15 {padding-left:15px !important;}
.paddingLeft20 {padding-left:20px !important;}
.paddingLeft25 {padding-left:25px !important;}
.paddingLeft30 {padding-left:30px !important;}
.paddingLeft35 {padding-left:35px !important;}
.paddingLeft40 {padding-left:40px !important;}
.paddingLeft45 {padding-left:45px !important;}
.paddingLeft50 {padding-left:50px !important;}
.paddingLeft60 {padding-left:60px !important;}
.paddingLeft70 {padding-left:70px !important;}
.paddingLeft80 {padding-left:80px !important;}
.paddingLeft90 {padding-left:90px !important;}
.paddingLeft100 {padding-left:100px !important;}

.padding0 {padding:0 !important;}
.padding3 {padding:3px !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}
.padding25 {padding:25px !important;}
.padding30 {padding:30px !important;}
.padding35 {padding:35px !important;}
.padding40 {padding:40px !important;}
.padding45 {padding:45px !important;}
.padding50 {padding:50px !important;}
.padding60 {padding:60px !important;}
.padding70 {padding:70px !important;}
.padding80 {padding:80px !important;}
.padding90 {padding:90px !important;}
.padding100 {padding:100px !important;}

/* margin
----------------------------------------------------------------------------- */
.marginTop0 {margin-top:0 !important;}
.marginTop5 {margin-top:5px !important;}
.marginTop10 {margin-top:10px !important;}
.marginTop15 {margin-top:15px !important;}
.marginTop20 {margin-top:20px !important;}
.marginTop25 {margin-top:25px !important;}
.marginTop30 {margin-top:30px !important;}
.marginTop35 {margin-top:35px !important;}
.marginTop40 {margin-top:40px !important;}
.marginTop45 {margin-top:45px !important;}
.marginTop50 {margin-top:50px !important;}
.marginTop60 {margin-top:60px !important;}
.marginTop70 {margin-top:70px !important;}
.marginTop80 {margin-top:80px !important;}
.marginTop90 {margin-top:90px !important;}
.marginTop100 {margin-top:100px !important;}

.marginRight0 {margin-right:0 !important;}
.marginRight5 {margin-right:5px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight15 {margin-right:15px !important;}
.marginRight20 {margin-right:20px !important;}
.marginRight25 {margin-right:25px !important;}
.marginRight30 {margin-right:30px !important;}
.marginRight35 {margin-right:35px !important;}
.marginRight40 {margin-right:40px !important;}
.marginRight45 {margin-right:45px !important;}
.marginRight50 {margin-right:50px !important;}
.marginRight60 {margin-right:60px !important;}
.marginRight70 {margin-right:70px !important;}
.marginRight80 {margin-right:80px !important;}
.marginRight90 {margin-right:90px !important;}
.marginRight100 {margin-right:100px !important;}

.marginBottom0 {margin-bottom:0 !important;}
.marginBottom5 {margin-bottom:5px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom15 {margin-bottom:15px !important;}
.marginBottom20 {margin-bottom:20px !important;}
.marginBottom25 {margin-bottom:25px !important;}
.marginBottom30 {margin-bottom:30px !important;}
.marginBottom35 {margin-bottom:35px !important;}
.marginBottom40 {margin-bottom:40px !important;}
.marginBottom45 {margin-bottom:45px !important;}
.marginBottom50 {margin-bottom:50px !important;}
.marginBottom60 {margin-bottom:60px !important;}
.marginBottom70 {margin-bottom:70px !important;}
.marginBottom80 {margin-bottom:80px !important;}
.marginBottom90 {margin-bottom:90px !important;}
.marginBottom100 {margin-bottom:100px !important;}

.marginLeft0 {margin-left:0 !important;}
.marginLeft5 {margin-left:5px !important;}
.marginLeft10 {margin-left:10px !important;}
.marginLeft15 {margin-left:15px !important;}
.marginLeft20 {margin-left:20px !important;}
.marginLeft25 {margin-left:25px !important;}
.marginLeft30 {margin-left:30px !important;}
.marginLeft35 {margin-left:35px !important;}
.marginLeft40 {margin-left:40px !important;}
.marginLeft45 {margin-left:45px !important;}
.marginLeft50 {margin-left:50px !important;}
.marginLeft60 {margin-left:60px !important;}
.marginLeft70 {margin-left:70px !important;}
.marginLeft80 {margin-left:80px !important;}
.marginLeft90 {margin-left:90px !important;}
.marginLeft100 {margin-left:100px !important;}

.margin0 {margin:0 !important;}
.margin3 {margin:3px !important;}
.margin5 {margin:5px !important;}
.margin10 {margin:10px !important;}
.margin15 {margin:15px !important;}
.margin20 {margin:20px !important;}
.margin25 {margin:25px !important;}
.margin30 {margin:30px !important;}
.margin35 {margin:35px !important;}
.margin40 {margin:40px !important;}
.margin45 {margin:45px !important;}
.margin50 {margin:50px !important;}
.margin60 {margin:60px !important;}
.margin70 {margin:70px !important;}
.margin80 {margin:80px !important;}
.margin90 {margin:90px !important;}
.margin100 {margin:100px !important;}

.marginCenter {margin:0 auto !important;}

/* font size（フォントサイズを固定したい時のみ使用）
----------------------------------------------------------------------------- */
.fontSize10 {font-size:10px !important;}
.fontSize11 {font-size:11px !important;}
.fontSize12 {font-size:12px !important;}
.fontSize13 {font-size:13px !important;}
.fontSize14 {font-size:14px !important;}
.fontSize15 {font-size:15px !important;}
.fontSize16 {font-size:16px !important;}
.fontSize17 {font-size:17px !important;}
.fontSize18 {font-size:18px !important;}
.fontSize19 {font-size:19px !important;}
.fontSize20 {font-size:20px !important;}
.fontSize21 {font-size:21px !important;}
.fontSize22 {font-size:22px !important;}
.fontSize23 {font-size:23px !important;}
.fontSize24 {font-size:24px !important;}
.fontSize25 {font-size:25px !important;}

.bold {font-weight:bold;}

/* color
----------------------------------------------------------------------------- */
.red {color:#F00;}
.white {color:#FFF;}
.blue {color:#0F3576;}
.yellow {color:#FFFF00;}

/* background
----------------------------------------------------------------------------- */
.bgGray { background:#EFEFEF; }
.bgBrown { background:#F1EAD6; }
.bgLightBrown { background:#F7F3E8; }
.bgLightBlue { background:#EEF7FA; }
.bgLightred { background:#FFDFDF; }
.bgBlack { background:#000; }
.bgYellow { background:#FFFFD7; }
.bgLightPink { background:#FFF1F1; }

/* width
----------------------------------------------------------------------------- */
.width-40 { width: 40px; }
.width-50 { width: 50px; }
.width-60 { width: 60px; }
.width-70 { width: 70px; }
.width-75 { width: 75px; }
.width-80 { width: 80px; }
.width-85 { width: 85px; }
.width-90 { width: 90px; }
.width-95 { width: 95px; }
.width-100 { width: 100px; }
.width-120 { width: 120px; }
.width-145 { width: 145px; }
.width-330 { width: 330px; }
.width-400 { width: 400px; }
.width-470 { width: 470px; }
.width-880 { width: 880px; }
.width-950 { width: 950px; }

.width-25per { width: 25%; }
.width-50per { width: 50%; }
.width-75per { width: 75%; }
.width-100per { width: 100%; }

.max-width-50 { max-width: 50px; }
.max-width-60 { max-width: 60px; }
.max-width-145 { max-width: 145px; }

.max-height-40 { max-height: 40px; }
.max-height-105 { max-height: 105px; }


/* height
----------------------------------------------------------------------------- */
.height-45 { height: 45px; }

/* overflow
----------------------------------------------------------------------------- */
.over-hidden{
	overflow: hidden
}