@charset "utf-8";
/*
Theme Name: Takken Super Kakomon
*/
/* CSS Document */
/*
	Exclude win(IE4/NS4) mac(IE4/NS4)
*/
@import "css/normalize.css";

/* reset */
html {
	overflow-y: scroll;
	/*overflow-x: hidden;*/
}

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, ul, ul li, ol,
form, fieldset, input, textarea, label, legend,
table, caption, tbody, tfoot, tr, th, td,
section, nav, article, aside, hgroup, header, footer, dialog, menu,
figure, figcaption,
time, mark, audio, video {
	margin: 0;
	padding: 0;
}
body{line-height: 1;}
main, article, aside, dialog, figure, figcaption, footer, header, hgroup, nav, section, summary, canvas, details{display:block;}
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;
}
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 #000;cursor: help;}
input, select{vertical-align: middle;}
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, ol {
	list-style-type: none;
}


/* full clearfix */
    /* add to floating elements which shall clear floating after themselves */ 
* html .clearfix, * html .container, * html .row, * html .wrapper{
	/*height: 1%;*/ /* IE5-6 */
	*zoom:1;
}
*+html .clearfix, *+html .container, *+html .row, *+html .wrapper{
	/*display: inline-block;*/ /* IE7not8 */
	*zoom:1;
}
.clearfix:before, .container:before, .row:before, .wrapper:before,
.clearfix:after, .container:after, .row:after, .wrapper:after{ /* FF, IE8, O, S, etc. */
	content: "";
	display: table;
	line-height:0;
	/*height: 0;
	clear: both;
	visibility: hidden;*/
}
.clearfix:after, .container:after, .row:after, .wrapper:after{
	clear:both;
}

.clear, .row, .wrapper{
	clear:both;
}
.left{display:block;float:left;}
.right{display:block;float:right;}


/* ---------------------------------------------------------
*	フォント設定
* ------------------------------------------------------- */
html{font-size:62.5%;}
body{font-size:10px;/*IE8以下用*/
font-size:1.0rem;
line-height:1;
font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, Verdana, Arial, Helvetica, sans-serif;}
select,input,button,textarea{
	font:99%;
}
/* to help tables remember to inherit */
table{font-size:inherit;font:100%;}
/* bump up IE to get to 13px equivalent for these fixed-width elements */
pre,code,kdb,samp,tt{
	font-family:monospace;*font-size:108%;line-height:100%;
}
.bold{font-weight:bold;}

/* ---------------------------------------------------------
*	Common Item
* ------------------------------------------------------- */
/*テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}
*/

/*角丸 {
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}
*/

/*トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}
*/

/*透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
*/

/*背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}
*/

/*グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}
*/

/*スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}
*/



/* css hack 
*	http://www.giantisland.com/Resources/LitePacificHackforSafariAndIE7.aspx
			*/
.hack{
	font-weight:bold;
	font-size:100%; /* 14px */
	color:orange;					/* IE5 Win only */
	voice-family:"\"}\"";
	voice-family:inherit;
	color:grey;\					/* IE8 only */
	color:black;					/* Mozilla - Firefox only */
	[color:black;
	color:yellow;]				/* Opera and newer Safari 4+ */
}
/*end*/
/*\*/
html*.hack {
	[color:red;					/* older Firefox/Netscape only./also by IE5-6 and Safari for Macintosh, which is addressed below. */
	color:blue;					/* Chrome1-2 and Safari1-3 for Mac./also by IE5-6, but that's addressed below. */
	]color:purple;				/* IE7 only./also by IE5-6, but that's addressed below./hidden from Safari and all Firefox and Netscape browsers. */
}/*end*/
.dummyend[id]{clear:both;}/* end hack using dummy attribute selector for IE5 mac, else error in CSS occurs! */ /* the above rule is hidden from IE for mac */

/*\*/
* html .hack {
	color:green;					/* be sure to reapply a fix for IE5-6 only here./IE for mac and IE7-8 for win are not affected here, which means 'purple' for IE7/'gray' for IE8 */
}
/*end*/
/* newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is unaffected by it, probably because it sees these as part of an attribute selector. those will be hidden. */
/* IE7 for win will correctly read all rules as it will ignore many characters before property */
/* Safari/Chrome see each [] as a character and not be part of a selector, if one falls before a property. these cause the property name following the character to not be read, but next line without "[]" property is parsed. */
/* use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape read the [] as part of a selector rule, so make sure they are all closed, using dummy selector. */