/* 
html5 reset stylesheet
*/

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,
dl, dt, dd,
b, i, a,
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%;
    background:transparent;
}

body {
    font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
    background:#ffffff;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

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

blockquote, q {
    quotes:none;
}

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

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

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:separate;
    border-spacing:0;
    font-size:inherit;
    font:100%;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

img {
	vertical-align:text-bottom;
}

/*===============================================
    Module
===============================================*/
.cf:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0px;
	line-height:0;
	clear:both;
}
.cf{zoom:1;}

.clear {clear:both;}

/* font size
-------------------- */
.fs10 {font-size:77%;}
.fs11 {font-size:85%;}
.fs12 {font-size:93%;}
.fs13 {font-size:100%;}
.fs14 {font-size:108%;}
.fs15 {font-size:116%;}
.fs16 {font-size:123.1%;}
.fs17 {font-size:131%;}
.fs18 {font-size:138.5%;}
.fs19 {font-size:146.5%;}
.fs20 {font-size:153.9%;}
.fs21 {font-size:161.6%;}
.fs22 {font-size:167%;}
.fs23 {font-size:174%;}
.fs24 {font-size:182%;}
.fs25 {font-size:189%;}
.fs26 {font-size:197%;}

/* margin
-------------------- */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

/* padding
-------------------- */
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}

.pb5 {padding-bottop:5px;}
.pb10 {padding-bottop:10px;}
.pb15 {padding-bottop:15px;}
.pb20 {padding-bottop:20px;}
.pb25 {padding-bottop:25px;}
.pb30 {padding-bottop:30px;}
.pb35 {padding-bottop:35px;}
.pb40 {padding-bottop:40px;}
.pb45 {padding-bottop:45px;}
.pb50 {padding-bottop:50px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}

/* column & width
-------------------- */
.g1-1, .w100 {width:100%;}
.g1-2, .w50 {width:50%;}
.g1-3 {width:33.33333333%;}
.g1-4, .w25 {width:25%;}
.g1-5, .w20 {width:20%;}
.g1-6 {width:16.66666666%;}
.g2-3 {width:66.66666666%;}
.g2-5, .w40 {width:40%;}
.g3-4, .w75 {width:75%;}
.g3-5, .w60 {width:60%;}
.g4-5, .w80 {width:80%;}

/* text-align & float
-------------------- */
.t_left {text-align:left;}
.t_right {text-align:right;}
.t_center {text-align:center;}

.f_right {float:right;}
.f_left {float:left;}

/* 画像リンクホバー */
a.filter:hover img {
	opacity: 0.7; 
    filter: alpha(opacity=70); 
    -moz-opacity: 0.7;
}