@charset "utf-8";

/* CSS Document */

/* ========================================================== Base CSS

ついっぷるリニューアルページ（共通ベース設定）

=========================================================== 2010.07.13*/

/*h1{
	display:none;
}*/

.mw{min-width:300px;
}


/* ▼ container ▼
------------------------------------------------------------*/

#container {
    width: 100%;
	min-width: 1100px;
    overflow: hidden;
    padding: 0;
	zoom:1;
	overflow:hidden;
	position:relative;
}
*:first-child+html #container {
    /**/width: 100%;
	min-width: 1082px;
    overflow: hidden;
    padding: 0;
	zoom:1;
	overflow:hidden;
	position:relative;
}



.section {display:table; margin:0 2%; width:96%; table-layout: fixed; /*background-color:#F69;*/}/*tableのtableタグの役割*//*修正*/
*:first-child+html .section {display:table; margin:0 2%; max-width:96%; min-width:1040px; table-layout: fixed; /*background-color:#F69;*/}/*tableのtableタグの役割*//*修正*/
.trSet{display:table-row; margin:0; padding:0; min-width:1020px;}/*tableのtrタグの役割*/
*:first-child+html .trSet{display:table-row; margin:0; padding:0;}/*tableのtrタグの役割*/

.column {display: table-cell; table-layout:fixed; padding:0;}/*tableのtdタグの役割*/
.columnContentTab {padding:0; margin:5px 5px 0 0;}
.oh{overflow:hidden;}

/*共通外枠設定*/
.columnContentRp5Box{
	margin:0 5px 0 0;
	padding:0 5px 0 0;
}
.columnContentLeft {padding:0; margin:5px 5px 5px 0;}
.columnContentLeft02 {padding:5px 0 10px 0; margin:0 5px 5px 0;}
.columnContentRight {margin:5px 0 5px 10px;}
.columnContentAll {padding:0; margin:5px;}

div.twelveColumn.section div.oneBox {width:8%; vertical-align:top;}
div.twelveColumn.section div.twoBox {width:16%; vertical-align:top;}
div.twelveColumn.section div.threeBox {width:26%; vertical-align:top;}
div.twelveColumn.section div.fourBox {width:32%; vertical-align:top;}
*:first-child+html div.twelveColumn.section div.fourBox {width:34%; vertical-align:top;}


div.twelveColumn.section div.fiveBox {width:40%; vertical-align:top;}
*:first-child+html div.twelveColumn.section div.fiveBox {width:42%; vertical-align:top;}

div.twelveColumn.section div.sixBox {width:48%; vertical-align:top;}
div.twelveColumn.section div.sevenBox {width:56%; vertical-align:top;}
*:first-child+html div.twelveColumn.section div.sevenBox {width:58%; vertical-align:top;}

div.twelveColumn.section div.eightBox {width:64%; vertical-align:top;}
*:first-child+html div.twelveColumn.section div.eightBox {width:65%; vertical-align:top;}

div.twelveColumn.section div.nineBox {width:72%; vertical-align:top;}
div.twelveColumn.section div.tenBox {width:80%; vertical-align:top;}
div.twelveColumn.section div.elevenBox{width:86%; vertical-align:top;}
div.twelveColumn.section div.twelveBox {max-width:96%; vertical-align:top;}




div.twelveColumn.section div.wrightBox {/*width:24%; */vertical-align:top;}



/*改修(3カラム時)*/

div.twelveColumn.section div.fourBoxR3 {width:34%; vertical-align:top;/*max-width:25%; min-width:305px; vertical-align:top;*/}
div.twelveColumn.section div.fourBoxM3 {width:28%; vertical-align:top; padding:5px 0 0 0;/*max-width:30%; min-width:320px; vertical-align:top;*/}
div.twelveColumn.section div.fiveBoxL3 {width:38%; vertical-align:top;/*max-width:40%; min-width:395px; vertical-align:top;*/}

/*IE7ハック*/
*:first-child+html div.twelveColumn.section div.fourBoxR3 {max-width:30%; min-width:310px; vertical-align:top;}
*:first-child+html div.twelveColumn.section div.fourBoxM3 {width:31%; padding:5px 0 0 0;/*max-width:30%; min-width:320px;*/ vertical-align:top;}
*:first-child+html div.twelveColumn.section div.fiveBoxL3 {max-width:38%; min-width:395px; vertical-align:top;}


/*右カラム広告エリア*/
.advertisementRightArea300{
	margin:0 0 0 10px;
	text-align:center;
}





/*内部グリッド*/
div.inColumnOne {width:10%; float:left; overflow:hidden;}
div.inColumnTwo {width:20%; float:left; overflow:hidden;}
div.inColumnThree {width:30%; float:left; overflow:hidden;}
div.inColumnFour {width:40%; float:left; overflow:hidden;}
div.inColumnFive {width:50%; float:left; overflow:hidden;}
div.inColumnSix {width:60%; float:left; overflow:hidden;}
div.inColumnSeven {width:70%; float:left; overflow:hidden;}
div.inColumnEight {width:80%; float:left; overflow:hidden;}
div.inColumnNine {width:90%; float:left; overflow:hidden;}
div.inColumnTen {width:100%; float:left; overflow:hidden;}


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

/* ▼ pagetop設定 ▼
------------------------------------------------------------*/

.pagenaviBox{
	padding:0 0 2px 0;
	text-align:right;
	margin:20px 0 0 0;
	overflow:hidden;
	height:22px;
	display:inline-block;
}

a#pagetop{
	background:url(../images/icon_pagetop.png?201105251556001) no-repeat left top;
	padding:0 0 0 22px;
	font-size:70%;
	height:20px;
	display:block;
}

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


/* ▼ 固定設定 ▼
------------------------------------------------------------*/
.wi190{
	width:190px;
	float:left;
	overflow:hidden;
	}

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


/* ▼ float時の高さ認識設定 ▼
------------------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

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

/*背景に白*/
.bgFAll{/*全体角丸*/
	background-color:#FFF;
	padding:3px;
	/*角丸用のスタイル*/
	border-radius:5px;         /* CSS3 */
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	behavior: url(../../border-radius.htc);
}
.bgFTop5{/*上部のみ角丸でpadding3px*/
	background-color:#FFF;
	padding:3px;
	/*角丸用のスタイル*/
	/*css3*/
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
    /* Do rounding (native in Firefox and Safari) */
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	behavior: url(../../border-radius.htc);
}


.bgFBottom{/*上部のみ角丸でpadding3px*/
	background-color:#FFF;
	padding:3px;
	/*角丸用のスタイル*/
	/*css3*/
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
    /* Do rounding (native in Firefox and Safari) */
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	behavior: url(../../border-radius.htc);
}
#loading{
	position:fixed;
	z-index:10000;
	top:0px;
	right:0px;
	background-color:red;
	color:white;
	padding:4px;
	font-family:Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}

/*---------------------------------------------------------------------------------------*/
/* ▼ リツイートした人アイコン ▼
------------------------------------------------------------*/
.rtIconBox{
	margin:0 5px 5px 0;
	background-color:#FFF;
	padding:5px 0 5px 4px;
	font-size:80%;
}

.rticonInbox{
	margin:5px 0 0 0;
	padding:0;
}

.rticonInbox img{
	margin-right:4px;
	height:24px;
	width:24px;
	border:#999 1px solid;
}


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

/* ▼ 広告エリア設定 ▼
------------------------------------------------------------*/
.wid960{
	width:960px;
	margin:0 auto;
}

.patb10{
	padding:10px 0;
}

#advertisementArea{
	overflow:hidden;
	font-weight:bold;
}

#advertisementArea h4{
	color:#494949;
	margin-bottom:5px;
	font-size:85%;
}

#advertisementArea ul{
	list-style-type:none;
}

#advertisementArea ul li{
	float:left;
	white-space:nowrap;
	font-size:85%;
}

#advertisementArea ul li a{
	color:#017E8C;
	border-right:1px solid #017E8C;
	padding:0 10px;
}

#advertisementArea ul li a:link   {color: #017E8C; text-decoration: none;}
#advertisementArea ul li a:visited{color: #017E8C; text-decoration: none;}
#advertisementArea ul li a:active {color: #017E8C; text-decoration: underline;}
#advertisementArea ul li a:hover  {color: #017E8C; text-decoration: underline;}


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

/* ▼ 新機能お知らせダイアログ ▼
------------------------------------------------------------*/
div#newInfomation {
    z-index: 9999;
    display: none;
    position: absolute;
}

div#newInfomation *{
    text-align: center;
}
/*---------------------------------------------------------------------------------------*/