@charset "utf-8";
/* ===================================================================
 style info : reset
=================================================================== */

/* 
html5doctor.com Reset Stylesheet
v1.6
Last Updated: 2010-08-18
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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%; vertical-align:middle; /*background:transparent;*/ }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
ul, li { list-style:none;}
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; }
a { text-decoration:none; color:#000;}
a:hover, a:active { color:#0078a3;}

/* 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 inherit; 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:10px 0; padding:0; }
input, select { vertical-align:middle;}

/* スクロールバーの有無によるズレ対策 */
html { overflow-y: scroll; }



/* ===================================================================
 style info : font
=================================================================== */

body{font:13px/1.231 "HelveticaNeue", "Lucida Grande","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";*font-size:small;*font:x-small; -webkit-text-size-adjust:none;}
.ie7 body{font:12px/1.231 "HelveticaNeue", "Lucida Grande","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* for IE8 */
html>/**/body { font-size/*\**/:84%\9; }
/* for IE7 */  
*+html body { font-size:84%; }
/* for IE6 */
* html body { font-size:84%; font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
* html input, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
/* for windows vista */
* + html body { font-family: "CI","Meiryo"; }
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 




/* ===================================================================
 style info : 共通
=================================================================== */

/* リンク
----------------------------------------------------*/
a { text-decoration:none;}
a:hover { text-decoration:underline;}

/* clearfix
------------------------------------------*/
.clearfix { display: inline-block; } 
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
/* start commented backslash hack \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* close commented backslash hack */ 

/* 汎用
----------------------------------------------------*/
.nodisp { display:none !important;}
.blockdisp { display:block !important;}
.noborder { border:0px !important;}
.bold { font-weight: bold !important;}
.clear { clear:both !important;}
.taL {text-align:left !important;}
.taC {text-align:center !important;}
.taR {text-align:right !important;}
.tdU {text-decoration:underline !important;}
.imgR { float: right; margin: 0 0 10px 10px; }
.imgL { float: left; margin: 0 10px 10px 0; }

/* リセット */
* { margin:0; padding:0; }
/* clearfix */
*:after { display:block; clear:both; }
/* はみ出し対策 */
body { width:100%; }
/* HTMLに対応していないOS対策 */
article, aside, figure, footer, header,hgroup, nav, section { display:block; }


/* ===================================================================
 style info : 横幅480px以下
=================================================================== */

@media screen and (max-width: 480px) {
* { letter-spacing: -0.001em; -webkit-text-size-adjust:none }
body { font:1.0em/1.0 "HraKakuProN-W6", "HelveticaNeue", "Lucida Grande"; -webkit-text-size-adjust:none;}
}