@charset "utf-8";

/* ---------------------------------------------
	cmn_style.css

	index
	0 - header
	0 - footer
	0 - Layout

	1 - body
	2 - link
	3 - font style
	4 - clearfix
	5 - float
	6 - preset width
	5 - preset margin
	6 - inline align
	7 - block align
	8 - tools

--------------------------------------------- */

.torunaviWrap { min-width:1130px; overflow:hidden; }

/* ---------------------------------------------
	0 - header
--------------------------------------------- */

#headNav{
	background:#131313;
	color:#fff;
	font-size:11px;
	height:38px;
}

#headNav ul{
	margin:11px 0 0 37px;
	padding:0 5px 0 0;
	border-right:#2B2B2B 1px solid;
	float:left;
	}
#headNav li{
	display:inline-block;
	padding-right:15px;
}
.ie8 #headNav li { font-size:10px;}
#headNav li:before{
	content:"●";
	color:#F99605;
	padding-right:2px;
}
#headNav li a{ text-decoration:none; color:#fff; }
#headNav li a:hover{ text-decoration:underline; }

#headNav .bpNavi {
    padding: 5px 0px 5px 10px;
    display: inline-block;
    float: left;
}
#headNav .Search{
	padding: 8px 0 8px 0 ;
    display: inline-block;
	}
#headNav .Search .SearchBox{
	height:12px;
	width:110px;
	margin-right:1px;
	margin-left:15px;
    padding: 4px 4px;
	border:solid 1px #ccc;
	border-radius:3px;
    box-sizing: content-box;
	font-size:100% !important;
	}	
#headNav .Search .send{
    margin-left:5px;
    margin-bottom:-6px;
}
	.ie8 #headNav .Search .send{ margin-bottom:-10px;  }

#headNav .mobileBnr {
    display: inline-block;
    float: right;
    position: relative;
    z-index: 10;
}

#gNav{
	background:#ffffff url(http://www.bpnavi.jp/toru/images/bg_gNav.gif) bottom center repeat-x;
	height:88px;
	}

#gNav ul{ height:auto; position: relative; z-index:2;}


#gNav li{ display:block; float:left; }
#gNav h1{ width:140px; /*height:84px;*/ float:left; padding:15px 0px 0 30px; }
/*-- my page 
#gNav li a.gn{ display:block; text-indent:100%; overflow:hidden; white-space:nowrap; height:70px;background:url(http://www.bpnavi.jp/toru/images/navi.gif) no-repeat;}--*/
/*-- my page non --*/
#gNav li a.gn{ display:block; text-indent:100%; overflow:hidden; white-space:nowrap; height:70px;background:url(http://www.bpnavi.jp/toru/images/navi_toru.gif) no-repeat;}
#gNav .gNav01 a.gn{ width:114px; height:70px; background-position:0 0; }
#gNav .gNav02 a.gn{ width:128px; height:70px; background-position:-114px 0; }
#gNav .gNav03 a.gn{ width:128px; height:70px; background-position:-242px 0; }
#gNav .gNav04 a.gn{ width:120px; height:70px; background-position:-370px 0; }
#gNav .gNav05 a.gn{ width:152px; height:70px; background-position:-490px 0; }
#gNav .gNav06 a.gn{ width:148px; height:70px; background-position:-642px 0; }

#gNav .gNav01 a.gn:hover{ background-position:0  -70px; }
#gNav .gNav02 a.gn:hover{ background-position:-114px -70px; }
#gNav .gNav03 a.gn:hover{ background-position:-242px -70px; }
#gNav .gNav04 a.gn:hover{ background-position:-370px -70px; }
#gNav .gNav05 a.gn:hover{ background-position:-490px -70px; }
#gNav .gNav06 a.gn:hover{ background-position:-642px -70px; }


#gNavinnner { position: relative;float:left;margin-top:-9px; }
#gNavinnner span {background:#005DBD; height:3px; display:none; position:absolute; width:50px; left:0;bottom:0; z-index:1;}
#gNavinnner span.showBlock{display:block;}

#gNavinnner>ul>li{height:73px;}



#gNav li.gNav04 ul.gNav04s{
	position: absolute;
	z-index:1000;
	left: 316px;
	width: 154px;
	top:73px;
	visibility:hidden;
	padding:10px;
	background-image:url(http://www.bpnavi.jp/toru/images/gnavi/torunavi_navi_bg.png);
	background-repeat:repeat;
	}
#gNav li.gNav04 ul.gNav04s li{ width:154px; padding:10px 5px; height:19px; }
#gNav li.gNav04 ul.gNav04s li:hover{ background-color:#003b78; }
	
#gNav li.gNav04:hover ul { visibility: visible !important; }	


#gNav li.gNav05 ul.gNav05s{
	position: absolute;
	z-index:1000;
	left:454px;
	width:168px;
	top:73px;
	visibility:hidden;
	padding:10px;
	background-image:url(http://www.bpnavi.jp/toru/images/gnavi/torunavi_navi_bg.png);
	background-repeat:repeat;
	}
#gNav li.gNav05 ul.gNav05s li{ width:165px; padding:10px 5px; height:19px; }
#gNav li.gNav05 ul.gNav05s li:hover{ background-color:#003b78; }
	
#gNav li.gNav05:hover ul { visibility: visible !important; }	



#gNav li.gNav06 ul.gNav06s{
	position: absolute;
	z-index:1000;
	right:0;
	width:137px;
	top:73px;
	visibility:hidden;
	padding:10px;
	background-image:url(http://www.bpnavi.jp/toru/images/gnavi/torunavi_navi_bg.png);
	background-repeat:repeat;
	}
#gNav li.gNav06 ul.gNav06s li{ width:137px; padding:10px; height:19px; }
#gNav li.gNav06 ul.gNav06s li:hover{ background-color:#003b78; }
	
#gNav li.gNav06:hover ul { visibility: visible !important; }	


#gNav #gNavinnner ul li ul li {
	height:auto;
	padding:0;
}
#gNav #gNavinnner ul li ul li a {
	height:19px;
	padding:10px;
	display:block;
}



/* ---------------------------------------------
	0 - footer
--------------------------------------------- */

#footerArea{ clear:both; padding-top:30px; margin:0 auto;}

#footerArea .linkArea{ background-color:#FFFFFF; width:100%; }
#footerArea .linkArea ul{ width:790px; margin:0 auto; padding:10px 100px 10px 10px; }
#footerArea .linkArea ul li{ float:left; margin-right:5px; }


#footerArea .menuArea{ background-color:#222222; border-top:#4a4a4a 1px solid; padding:15px; }

#footerArea .menuAreaWrap{ width:900px; margin:0 auto; position:relative; }
#footerArea .menuAreaWrap .pagetop{ position:absolute; top:-32px; left:810px; }
#footerArea .menuAreaWrap .pagetop a:hover img{ filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


#footerArea .menuArea ul{ width:900px; margin:0 auto; padding-top:10px; }
#footerArea .menuArea ul li{ width:100px; padding:0 13px; float:left; border-right:#363636 solid 1px; border-left:#191919 1px solid; }

#footerArea .menuArea ul li.contents{ border-left: 0; width:120px; }
#footerArea .menuArea ul li.support { width:120px; }
#footerArea .menuArea ul li.link { width:75px; }
#footerArea .menuArea ul li.footerLogo{ border-right:0; }

#footerArea .menuArea ul li a{ color:#FFFFFF; text-decoration:underline; }
#footerArea .menuArea ul li a:hover{ text-decoration:none; }
#footerArea .menuArea ul li dt{ font-size:14px; font-weight:bold; color:#FFFFFF; margin-bottom: 6px; }
#footerArea .menuArea ul li dd{ font-size:10px; line-height:2em; font-weight:normal; color:#FFFFFF; }

#footerArea .menuArea ul li.mobile{ width: 215px; float:left;  border-left:#191919 1px solid; }
#footerArea .menuArea ul li.mobile dd.qr{ padding-top:7px; margin-right:10px; float:left; }
#footerArea .menuArea ul li.mobile dd{ font-size:11px; padding-top:7px; line-height:1.4; font-weight:normal; color:#FFFFFF; }
#footerArea .menuArea ul li.mobile dd span{ color:#888888; font-size:10px; }

#footerArea .attention{ padding:20px; color:#888888; font-size:10px; text-align:center; }

#footerArea .copyright{ background-color:#FFFFFF; }
#footerArea .copyright a{ text-decoration:underline; color:#666666; }

#footerArea .copyright .Open{ background-color:#000000; color:#888888; text-align:center; font-size:10px; text-align:center; }
#footerArea .copyright .Open span{ color:#666666; text-align:center; font-size:10px; text-align:center; }
#footerArea .copyright .txt{ color:#000000; font-size:10px; width:880px; padding:10px; margin:0 auto; }


/* ---------------------------------------------
	0 - rayout
--------------------------------------------- */


/* 	listSet
---------------- */

.wrapArea960{ width:960px; margin:0 auto; }

.lineS{ width:900px; clear:both; margin:5px; padding-top:15px; }
.lineW{ width:445px; float:left; margin:5px; padding-top:15px; }
.lineF{ width:1032px; clear:both; margin:0 0 5px 0; padding-top:15px;}

.l-730 { width:732px; float:left; }
.l-600 { width:600px; float:left; margin-right:10px; }
.l-300 { width:280px; float:right; margin-right:9px; }

.gridMore { clear:both; margin-left:10px; padding-top:5px; }
    .l-600 .gridMore { margin-bottom: 20px;}
.snsArea .gridMore { margin-bottom:20px;}


.moreList { clear:both; text-align:right; }
.moreList a{ display:block; padding:10px 15px 5px 10px; margin-bottom:10px; }


ul.gridSet1{ width:434px; margin:10px auto; }
ul.gridSet1 li{
	display:block;
	background-color:#FFFFFF;
	float:left;
	width:137px;
	height:137px;
	margin:3px 4px 4px 3px ;
	border-bottom:#c3c9cc 1px solid;
	}

ul.gridSet2 { width:890px; margin:15px auto; }
ul.gridSet2 li {
	display:block;
	width:267px;
	float:left;
	margin:3px 4px 4px 3px ;
	padding:10px;
	background-color:#FFFFFF;
	border-bottom:#c3c9cc 1px solid;
	}
ul.gridSet2 li dl{ margin-right:7px;}
ul.gridSet2 li dt{ float:left; margin-right:10px; }
ul.gridSet2 li dd{ font-size:12px; padding-top:3px; }

ul.gridSet3 { width:890px; margin:15px auto; }
ul.gridSet3 li {
	display:block;
	width:193px;
	float:left;
	margin:3px 4px 4px 3px ;
	padding:10px;
	background-color:#FFFFFF;
	border-bottom:#c3c9cc 1px solid;
	}
ul.gridSet3 li dl{ margin-bottom:7px;}
	
ul.gridSet4 { width:1022px; margin:15px auto; }
ul.gridSet4 li {
	display:block;
	width:462px;
	float:left;
	margin:5px 3px 3px 5px ;
	padding:20px;
	background-color:#FFFFFF;
	border-bottom:#c3c9cc 1px solid;
	}
ul.gridSet4 li dl{ margin-right:7px;}
ul.gridSet4 li dt{ float:left; margin-right:10px; }
ul.gridSet4 li dd{ font-size:12px; padding-top:3px; margin-left:110px; }


ul.gridSet1 li.bl-hover{ background-color:#F1F1F1; }
ul.gridSet2 li.bl-hover{ background-color:#F1F1F1; }
ul.gridSet3 li.bl-hover{ background-color:#F1F1F1; }


ul.listSet1{ width:420px; margin:15px auto 0 auto; background-color:#FFFFFF; }
ul.listSet1 li{
	display:block;
	clear:both;
	min-height:60px;
	padding:15px;
	margin:0 10px ;
	background-image:url(http://www.bpnavi.jp/toru/images/icon_arrow_gray.gif);
	background-position:98% 50%;
	background-repeat:no-repeat;
	border-bottom:#E0E0E0 dashed 1px;
	}
ul.listSet1 li dl{ margin-right:10px;}
ul.listSet1 li dt{ float:left; margin-right:10px; }
ul.listSet1 li dd{ font-size:12px; padding-top:3px; margin-left:110px; }
ul.listSet1 li.bl-hover{ background-color:#F1F1F1; }


ul.listSet2{ width:875px; margin:15px auto 0 auto; background-color:#FFFFFF; }
ul.listSet2 li{
	display:block;
	clear:both;
	padding:15px;
	margin:0 10px ;
	background-image:url(http://www.bpnavi.jp/toru/images/icon_arrow_gray.gif);
	background-position:99.5% 50%;
	background-repeat:no-repeat;
	border-bottom:#E0E0E0 dashed 1px;
	}
ul.listSet2 li dl{ margin-right:10px;}
ul.listSet2 li dt{ float:left; margin-right:10px; }
ul.listSet2 li dd{ font-size:12px; padding-top:3px; }
ul.listSet2 li.bl-hover{ background-color:#F1F1F1; }


ul.listSet3{ width:420px; margin:15px auto 0 auto; background-color:#FFFFFF; }
ul.listSet3 li{
	display:block;
	clear:both;
	min-height:60px;
	padding:15px;
	margin:0 10px ;
	background-image:url(http://www.bpnavi.jp/toru/images/icon_arrow_gray.gif);
	background-position:98% 50%;
	background-repeat:no-repeat;
	border-bottom:#E0E0E0 dashed 1px;
	}
ul.listSet3 li dl{ margin-right:10px;}
ul.listSet3 li dt{ float:left; margin-right:10px; }
ul.listSet3 li dd{ font-size:12px; padding-top:3px; }
ul.listSet3 li.bl-hover{ background-color:#F1F1F1; }


#mainContents{margin:0 auto; padding:0px 0 0px 0; }

#mainContents .ContentsArea875{
    width:845px; margin:20px auto 0 auto; padding:10px 15px 20px 15px;
    background-color:#FFFFFF; }
#mainContents .ContentsArea420{
    width:390px; margin:20px auto 0 auto; padding:10px 15px 20px 15px;
    background-color:#FFFFFF; }
#mainContents .ContentsArea575{
    width:545px; margin:20px auto 0 auto; padding:10px 15px 20px 15px; 
    background-color:#FFFFFF; }
#mainContents .ContentsArea650{ 
    width:620px; margin:20px auto 0 auto; padding:10px 15px 20px 15px; 
    background-color:#FFFFFF; }

/* 	H
---------------- */

h2{ padding-top:12px; color:#ffffff; font-weight: bold; font-size: 16px;}
h2 img{ margin-top:-10px; }
h2 span{ float:right; font-size:10px; color:#FFFFFF; margin-right:7px; padding-top:10px; }

h2.ichikuji{
	width:445px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_445_kuji.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}
h2.torunavi{
	width:445px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_445_torunavi.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}

h2.ichikuji900{
	width:900px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_900_kuji.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}
h2.torunavi900{
	width:900px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_900_torunavi.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}

h2.line1032 {
	clear:both;
    width: 1032px;
    height: 33px;
    background-image:url(http://www.bpnavi.jp/toru/images/bg_title_blue_1032.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
}
h2.line1032 span {
	margin-top:-3px;
}
h2.line1032Black {
	clear:both;
    width: 1032px;
    height: 33px;
    background-image:url(http://www.bpnavi.jp/toru/images/bg_title_black_1032.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
}


h2.line900{
	width:900px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_blue_900.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}

h2.line732{
	width:732px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_blue_732.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}
h2.line600{
	width:600px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_blue_600.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}

h2.line875{
	width:875px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_875.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}

h2.line445{
	width:445px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_red_445.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}

h2.line290{
	width:290px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_black_290.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}
h2.line280{
	width:280px;
	height:33px;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_black_280.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
	}

h2.black{
	clear:both;
	padding:0;
	margin:20px auto;
	width:1032px;
	font-size:16px;
	color:#FFFFFF;
	line-height:1.2em;
	position:relative; 
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_base.png); 
	background-repeat:repeat;
	}
	h2.black .top{ position:absolute; top:6px; }
	h2.black .bottom{ position:absolute; bottom:-29px; }
	h2.black div.title{ padding:10px; text-align:left; width:500px; }
	h2.black div.sns{ width:368px; float:right; margin-top:-30px; }

/*-- topics --*/
h2.black_s{
	clear:both;
	padding:0;
	margin:20px auto 0px auto;
	width:900px;
	font-size:16px;
	color:#FFFFFF;
	line-height:1.2em;
	position:relative; 
	background-image:url(http://www.bpnavi.jp/toru/images/bg_title_base.png); 
	background-repeat:repeat;
	}
	h2.black_s .top{ position:absolute; top:6px; }
	h2.black_s .bottom{ position:absolute; bottom:-29px; }
	h2.black_s div.title{ padding:10px; text-align:left; width:500px; }
	h2.black_s div.title2{ padding:10px; text-align:left; }
	h2.black_s div.sns{ width:368px; float:right; margin-top:-30px; }
/*----*/


/* 	blockSet
---------------- */

.block{	position:relative; }
	.block .top{ position:absolute; top:-4px; }
	.block .bottom{ position:absolute; bottom:-17px; clear:both; }

.block1012{ width:1012px; background-color:#FFFFFF; margin:0 auto; }

.block880{ width:880px; background-color:#FFFFFF; margin:0 auto; }

.block875{ width:875px; background-color:#FFFFFF; margin:0 auto; }

.block712{ width:712px; background-color:#FFFFFF; margin:0 auto; }

.block732{ width:732px; background-color:#FFFFFF; margin:0 auto; }

.block650{ width:650px; background-color:#FFFFFF; margin:0 auto; }

.block575{ width:575px; background-color:#FFFFFF; margin:0 auto; }

.block580{ width:580px; background-color:#FFFFFF; margin:0 auto; }

.block445{ width:445px; margin:0 auto; }

.block420{ width:420px; background-color:#FFFFFF; margin:0 auto; }

.block275{ width:275px; background-color:#FFFFFF; margin:0 auto; }

.block265{ width:265px; background-color:#FFFFFF; margin:0 auto; }

.block219{ width:219px; background-color:#FFFFFF; margin:0 auto; }


.blockContent { padding: 5px;overflow: hidden;}
.blockContent h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px;}

.blockContent .itemDetail { padding: 5px 15px; }
.blockContent .itemDetail .itemImage { width: 310px; float: left;}
.blockContent .itemDetail .itemImage img { border:1px solid #e9e9e9;}
.blockContent .itemDetail .itemImage > img { border:3px solid #e9e9e9;}
.blockContent .itemDetail .itemImage .slider { margin-left: 1px;}
.blockContent .itemDetail .itemImage .slider li { display: inline-block; margin:5px 0;}
.blockContent .itemDetail .itemSpec { width: 360px; float: right; }
.blockContent .itemDetail .itemSpec .variety {
	background:#137bd3; text-align: center; font-weight: bold; font-size: 14px;
	display: inline-block; color: #ffffff; margin-top:3px; margin-bottom: 10px; margin-left: 10px; padding:0 10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; line-height:1.8em; height:25px; min-width:40px;
}
.blockContent .itemDetail .itemSpec .itemlogo { float:right; width:180px; padding-bottom:8px;}
.blockContent .itemDetail .itemSpec .itemlogo img { width:180px; }
.blockContent .itemDetail .itemSpec > p { margin: 0 10px 0px; padding-right: 5px;}
.blockContent .itemDetail .itemSpec .release { color: #009ddf; font-weight: bold; margin:10px 10px;}
.blockContent .itemDetail .itemSpec .notice { color: #d02a2a; margin-bottom:10px;}
.blockContent .itemDetail .itemSpec .bdr {height: 10px; padding-top:10px;}
.blockContent .itemLink { padding:35px 0px 10px 10px; margin:15px 0px 0px 0px; display: block; clear:both; text-align:center;}

.blockContent .totop { padding: 0px; text-align: right; margin: 25px 40px 0px; }

.blockContentNomal { padding: 30px;}

.freeSpace{ clear:both; padding:0; }
.freespace2{ padding:0px 10px 0px 10px; clear:both;}


h2 .otheritem { display: inline-block; padding-top: 5px; margin-left: -10px;}


/* 	social
---------------- */

#social_btn { /*position:relative; z-index:100;*/ right:10px; }
#social_btn #snsbox {height:25px;}
#social_btn #snsbox ul{ float: right; padding:0px; }
#social_btn #snsbox #snsbtn li { float:left; list-style: none outside none; margin: 0 2px 0 0; width:80px;/*width:120px;*/ display:block; } 
/*#social_btn #snsbox #snsbtn li#sns_fb { margin-top:3px;}*/

#social_btn #snsbox #snsbtn #sns_tw a { margin:0px; padding:0px; display:block; height:20px; width:100px;}
#social_btn #snsbox #snsbtn #sns_line img {margin:0 !important;}
#social_btn #snsbox #snsbtn #sns_fb span { padding:0 !important;}


/* ---------------------------------------------
	1 - body
--------------------------------------------- */

body {
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
/*	font-size: 10px; */
	line-height: 1.5;
	background-image:url(http://www.bpnavi.jp/toru/images/bg_image.gif);
	background-repeat:repeat;
	min-width:900px;
	word-break:break-all;
}

/* ie7 */
*:first-child+html body {
	font-size: 75%;
/*	font-size: 62.5%; */
}

/* ie5 - ie6 */
* html body {
	font-size:75%;
/*	font-size: 62.5%; */
}

/* ie8 */
html>/**/body {  
    font-size /*\**/: 75%\9;
}


/* ---------------------------------------------
	2 - link
--------------------------------------------- */

a {
	color: #222222;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------
	3 - font style
--------------------------------------------- */
.fNormal { font-weight: normal;}
.fBold   { font-weight: bold;}
.fItalic { font-style: italic;}

.fSSS { font-size: 70%;}
.fSS  { font-size: 78%;} /* base 12px -  8px */
.fS   { font-size: 85%;} /* base 12px - 10px */
.fM   { font-size: 100%;}
.fL   { font-size: 115%;}/* base 12px - 14px */
.fLL  { font-size: 130%;}/* base 12px - 16px */
.fLLL { font-size: 143%;}/* base 12px - 18px */
sup {
	font-size: 78%;
	vertical-align: top;
}
sub {
	font-size: 78%;
	vertical-align: baseline;
}



/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}


/* ---------------------------------------------
	preset padding 
--------------------------------------------- */
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}


/* ---------------------------------------------
	inline align
--------------------------------------------- */
.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}


/* ---------------------------------------------
	vertical align
--------------------------------------------- */
.vlineT { vertical-align: top    !important;}
.vlineM { vertical-align: middle !important;}
.vlineB { vertical-align: bottom !important;}


/* ---------------------------------------------
	6 - preset width
--------------------------------------------- */
.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;}

/* table */
.tw03 { width:  3% !important;}
.tw05 { width:  5% !important;}
.tw10 { width: 10% !important;}
.tw13 { width: 13% !important;}
.tw15 { width: 15% !important;}
.tw20 { width: 20% !important;}
.tw25 { width: 25% !important;}
.tw30 { width: 30% !important;}
.tw35 { width: 35% !important;}
.tw40 { width: 40% !important;}
.tw45 { width: 45% !important;}
.tw50 { width: 50% !important;}


/* ---------------------------------------------
	5 - float
--------------------------------------------- */
.fltL {
	display: inline;
	float: left;
}
.fltR {
	display: inline;
	float: right;
}
.ft {
	overflow: hidden;
	zoom: 1;
}



/* ---------------------------------------------
	imgBox 
--------------------------------------------- */
.imgBoxL,
.imgBoxR {
	display: block;
	min-height: 1%;
}
.imgBoxL:after,
.imgBoxR:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .imgBoxL,
* html .imgBoxR {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
	.imgBoxL .fltImg {
		display: inline;
		float: left;
		margin-right: 10px;
	}
	.imgBoxR .fltImg {
		display: inline;
		float: right;
		margin-left: 10px;
	}


/* ---------------------------------------------
	4 - clearfix
--------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size:0.1em;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ---------------------------------------------
	block align
--------------------------------------------- */
.blockC { text-align: center;}
	.blockC .block {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}
	/* ie 6 Fix */
	* html .blockC .block {
		margin-right: 0;
		margin-left: 0;
	}
.blockR { text-align: right;}
	.blockR .block {
		margin-left: auto;
		text-align: left;
	}
	/* ie 6 Fix */
	* html .blockR .block {
		margin-left: 0;
	}


/* ---------------------------------------------
	tools
--------------------------------------------- */
.clear { clear: both;}

.block  { display: block;}
.inline { display: inline;}
.hide   { display: none;}

.nobg {	background: none !important;}

.underLine { text-decoration: underline;}
.noLine    { text-decoration: none;}





/* ---------------------------------------------
	module
--------------------------------------------- */

/* Petit comments */
.m-puchicome { }
.m-puchicome a {
    text-decoration:none;
}
.m-puchicome a:hover {
    text-decoration: underline;
}
.m-puchicome .comment {
    font-size: 12px;
    line-height: 1.6;
}
.m-puchicome .more-read {
	color:#e78a00;
}
.m-puchicome .username {
    color: #adadad;
    display: inline-block;
    font-size: 10px;
    text-align: right;
    width: 100%;
}
.m-puchicome .username.isBlock {
    margin-top:1.6em;
    position:absolute;
    bottom: 0;
    right: 0;
    display: block;
}


/* Stats info */
.m-stats dd {
    overflow: hidden;
    padding-top: 0 !important;
}
.m-stats p {
    margin-top: 3px;
    line-height: 1.3;
    font-size: 10px;
}
.m-stats .stats-now {
    margin: 0 5px 2px 0;
    padding: 0 6px;
    background: #d2000f;
    display: inline-block;
    color: #ffffff;
}
.m-stats .stats-will {
    margin: 0 5px 2px 0;
    padding: 0 6px;
    background: #f49b00;
    display: inline-block;
    color: #ffffff;
}
.m-stats .between {
    display: block;
    font-weight: bold;
}
.m-stats .relace-day {
    font-weight: bold;
}


a.ov {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
a.ov:hover {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;