/* 

YOUE HTML5 Reset Stylesheet

v1.0

Last Updated: 2011-10-06

Author: Yutaka Moromizato - moromizato@youe.jp

*/





/*==============================================

clear all properties

===============================================*/



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:baseline;



}



/*==============================================

html,body初期設定

===============================================*/



html, body { height:100%; overflow: auto; }



/*==============================================

要素をブロック化

===============================================*/



article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section {

	display:block;

}



/*==============================================

多用するulのリスト解除

===============================================*/



ul { list-style:none; }



/*==============================================

blockquoteの引用符解除

===============================================*/



blockquote, q { quotes:none; }



blockquote:before, blockquote:after,

q:before, q:after {

    content:'';

    content:none;

}



/*==============================================

 a要素クリア

===============================================*/



a {

	margin:0;

	padding:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}



/*==============================================

 ins要素の初期スタイル、挿入句に使用

===============================================*/



ins {

    background-color:#ff9;

    color:#000;

    text-decoration:none;

}



/*==============================================

 mark要素の初期スタイル、ハイライト目的に使用

===============================================*/



mark {

    background-color:#ff9;

    color:#000; 

    font-style:italic;

    font-weight:bold;

}



/*==============================================

 del要素の初期スタイル、修正履歴の削除に使用

===============================================*/



del {

    text-decoration: line-through;

}



/*==============================================

 abbr要素の初期スタイル、略語に使用

===============================================*/



abbr[title], dfn[title] {

    border-bottom:1px dotted #000;

    cursor:help;

}



/*==============================================

 table要素の初期スタイル

===============================================*/



table {

    border-collapse:collapse;

    border-spacing:0;

}



/*==============================================

 hr（ボーダー）要素の初期スタイル

===============================================*/



hr {

    display:block;

    height:1px;

    border:0;   

    border-top:1px solid #cccccc;

    margin:1em 1em;

    padding:0;

}



/*==============================================

 input要素の初期スタイル

===============================================*/



input, select {vertical-align: middle;}

input[type="radio"] {vertical-align: text-bottom;}

input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}

.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% ;}



/*==============================================

 pre要素の初期スタイル

===============================================*/



pre {

	white-space: pre; /* CSS2 */

	white-space: pre-wrap; /* CSS 2.1 */

	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

	word-wrap: break-word; /* IE */

}



/*==============================================

 汎用ユーティリティ　clearfixクラス

===============================================*/



.clearfix:after { clear: both; }

.clearfix { zoom: 1; }



/*==============================================

 汎用ユーティリティ　centerクラス

===============================================*/

.center{margin-left:auto;margin-right:auto;text-align:center}