/*
======================================
	[1]reset
	[2]skin
	[3]clearfix
======================================	
*/
/*
-------------------------------------
	[1]reset
-------------------------------------
*/
html {-webkit-text-size-adjust: none}
body {
	font:75%/1.6em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
		font-weight:normal;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ol, ul{
list-style:none;
}
ol li {
list-style: decimal inside;
}
blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	color:#333333;
}
a:visited{
	color:#666666;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:93%;
}
/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
vertical-align:baseline;
}
fieldset {
border:1px solid #ccc;
margin-bottom:1em;
padding:0 1em 1em 1em;
}
input {
padding:0.1em;
vertical-align:middle;
}
input[type="text"] {
height:1.2em;
line-height:1.2;
}
input[type="checkbox"],
input[type="radio"] {
padding:0;
vertical-align:baseline;
}
input[type="submit"] {
line-height:1;
padding:0.3em;
}
textarea {
line-height:1.4;
padding:0.1em;
vertical-align:middle;
min-height: 150px;
height: auto !important;
height: 150px;
}

/*
-------------------------------------
	[2]skin
-------------------------------------
*/
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
}


/*
-------------------------------------
	[3]clearfix
-------------------------------------
*/
.clearfix {
zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	height: 0px;
	clear: both;
}
/* for IE6 */
* html .clearfix {
display:inline-block;
}
/* for IE7 */
*+html .clearfix {
display:inline-block;
}
/* clear:both; */
.ClearB{
clear:both;
}
/*
-------------------------
	[4]Margin/Padding
-------------------------
*/
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }

.mt200{ margin-top: 200px; }


.mb5 { margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb50{ margin-bottom: 50px; }
.mb200{ margin-bottom: 200px; }

.mtb15{ margin:15px 0;}

.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }

.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }

.mw5{ 
	margin-right:5px;
	margin-left:5px; }
.mw10{ 
	margin-right:10px;
	margin-left:10px; }
.mw15{ 
	margin-right:15px;
	margin-left:15px; }
.mw20{ 
	margin-right:20px;
	margin-left:20px; }
 
.mh5{ 
	margin-top:5px;
	margin-bottom:5px; }
.mh10{ 
	margin-top:10px;
	margin-bottom:10px; }
.mh15{ 
	margin-top:15px;
	margin-bottom:15px; }
.mh20{ 
	margin-top:20px;
	margin-bottom:20px; }

.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }

.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb200{ padding-bottom: 200px; }

.ph5{ padding:5px 0; }
.ph10{ padding:10px 0; }
.ph15{ padding:15px 0; }
.ph20{ padding:20px 0; }

.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }