/* CSS Document */


/*----------------------
　裏技講座CSS
------------------------*/

.upperBox .boderBox {
	margin-bottom: 10px;
	padding: 10px;
	border: 2px #c4d5d2 solid;
}

.upperBox .boderBox .leftBoxPurple {
	float: left;
	width: 221px;
}
.upperBox .boderBox .leftBoxPurple p {
 	color: #5d5ac7;
	font-size: 1.2em;
	padding-left: 2.1em;
	text-indent: -2.1em;
	line-height: 1.3;
	font-weight: bold;
}
/* リンク色*/
.upperBox .boderBox .leftBoxPurple p a { padding: 3px 0 4px 32px; color: #5d5ac7; text-decoration: none; background: url(../../images/c/common/com_arw_purple_l_ot.gif) no-repeat 0 0;}
.upperBox .boderBox .leftBoxPurple p a:hover { padding: 3px 0 4px 32px; color: #FFFFFF; background: #5d5ac7 url(../../images/c/common/com_arw_purple_l_ov.gif) no-repeat 0 0;}

.upperBox .boderBox .rightBoxPurple {
	float: right;
	width: 285px;
	padding: 0 0 0 22px;
	border-left: 3px #5d5ac7 solid;
	color: #5d5ac7;
	line-height: 1.3;
}

/* 1行用リンク*/

.upperBox .boderBox p.purpleLink {
 	color: #5d5ac7;
	font-size: 1.2em;
	padding-left: 2.1em;
	text-indent: -2.1em;
	line-height: 1.3;
	font-weight: bold;
}
/* リンク色*/
.upperBox .boderBox p.purpleLink a { padding: 3px 0 4px 32px; color: #5d5ac7; text-decoration: none; background: url(../../images/c/common/com_arw_purple_l_ot.gif) no-repeat 0 0;}
.upperBox .boderBox p.purpleLink a:hover { padding: 3px 0 4px 32px; color: #FFFFFF; background: #5d5ac7 url(../../images/c/common/com_arw_purple_l_ov.gif) no-repeat 0 0;}


/* バナーあり*/

.upperBox .boderBoxBnr {
	margin-bottom: 10px;
	border: 2px #c4d5d2 solid;
}

.upperBox .boderBoxBnr .leftBoxPurple {
	float: left;
	width: 355px;
	padding: 10px 0 0 10px;
}
.upperBox .boderBoxBnr .leftBoxPurple p {
 	color: #5d5ac7;
	font-size: 1.2em;
	padding-left: 2.1em;
	text-indent: -2.1em;
	line-height: 1.3;
	font-weight: bold;
}
/* リンク色*/
.upperBox .boderBoxBnr .leftBoxPurple p a { padding: 3px 0 4px 32px; color: #5d5ac7; text-decoration: none; background: url(../../images/c/common/com_arw_purple_l_ot.gif) no-repeat 0 0;}
.upperBox .boderBoxBnr .leftBoxPurple p a:hover { padding: 3px 0 4px 32px; color: #FFFFFF; background: #5d5ac7 url(../../images/c/common/com_arw_purple_l_ov.gif) no-repeat 0 0;}

.upperBox .boderBoxBnr .rightBoxPurple {
	float: right;
	width: 175px;
	padding: 10px 0 55px 0;
	background: #d4dcdb;
	color: #5d5ac7;
	line-height: 1.3;
	text-align: center;
}

.upperBox .boderBoxBnr .rightBoxPurple p {
	position: relative;
	width: 175px;
}

.upperBox .boderBoxBnr .rightBoxPurple img {
	position: absolute;
	left: 12px;
}

/* 裏技講座詳細表示 */

.upperBox #open208828 {position: relative;display: none;}
.upperBox #open208827 {position: relative;display: none;}
.upperBox #open202101 {position: relative;display: none;}
.upperBox #open201621 {position: relative;display: none;}
.upperBox #open199002 {position: relative;display: none;}
.upperBox #open194982 {position: relative;display: none;}
.upperBox #open194981 {position: relative;display: none;}
.upperBox #open189301 {position: relative;display: none;}
.upperBox #open188583 {position: relative;display: none;}
.upperBox #open173541 {position: relative;display: none;}
.upperBox #open165782 {position: relative;display: none;}
.upperBox #open165783 {position: relative;display: none;}
.upperBox #open165785 {position: relative;display: none;}
.upperBox #open152818 {position: relative;display: none;}
.upperBox #open165786 {position: relative;display: none;}
.upperBox #open165948 {position: relative;display: none;}
.upperBox #open165784 {position: relative;display: none;}
.upperBox #open165789 {position: relative;display: none;}
.upperBox #open165950 {position: relative;display: none;}
.upperBox #open153921 {position: relative;display: none;}
.upperBox #open157021 {position: relative;display: none;}
.upperBox #open165949 {position: relative;display: none;}
.upperBox #open169364 {position: relative;display: none;}

.upperBox #open116753 {position: relative;display: none;}
.upperBox #open116754 {position: relative;display: none;}
.upperBox #open116755 {position: relative;display: none;}
.upperBox #open116773 {position: relative;display: none;}
.upperBox #open116774 {position: relative;display: none;}
.upperBox #open116775 {position: relative;display: none;}
.upperBox #open117028 {position: relative;display: none;}
.upperBox #open117029 {position: relative;display: none;}
.upperBox #open117030 {position: relative;display: none;}
.upperBox #open117031 {position: relative;display: none;}
.upperBox #open117032 {position: relative;display: none;}
.upperBox #open117033 {position: relative;display: none;}
.upperBox #open117048 {position: relative;display: none;}
.upperBox #open117373 {position: relative;display: none;}
.upperBox #open117374 {position: relative;display: none;}


.upperBox .mouseOverBoxRep {
	position: absolute;
	top: -50px;
	right: -323px;
}

.upperBox .mouseOverBoxRep {
	width: 308px;
	background: url(../../images/c/upper/urawaza_popbg_rep.gif) repeat-y;
}

.upperBox .mouseOverBoxBot {
	padding: 22px 22px;
	background: url(../../images/c/upper/urawaza_popbg_bot.gif) no-repeat left bottom;
}

.upperBox .mouseOverBoxBot dt {
	margin: 0 0 8px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
}

.upperBox .mouseOverBoxBot dd p {
	margin-bottom: 5px;
}

.upperBox .mouseOverBoxBot dd h5 {
	margin-bottom: 5px;
}

.upperBox .mouseOverBoxBot .leftImage {
	float: left;
}

.upperBox .mouseOverBoxBot .rightText {
	float: right;
	width: 168px;
}

/* リンク
------------------------------------------------ */
ul.more {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}

ul.more li {
	margin:0;
	padding:0;
}

/* リンク色*/
ul.more li a { padding: 0 0 0 19px; color: #009984; text-decoration: none; background: url(../../images/c/common/com_arw_green_ot.gif) no-repeat 0 -.1em;}
ul.more li a:hover { padding: 0 0 0 19px; color: #FFFFFF; background: #009984 url(../../images/c/common/com_arw_green_ov.gif) no-repeat 0 -.1em;}



/*キャンペーン（左ミニアイコン）
----------------------------------------------------------------------------------*/
div.mainCont_inner{
	margin:0 0 20px 0;
	padding:6px 10px;
	border: 3px solid #4169e1;
	background-color:#f0f8ff;
}

div.mainCont_inner:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
/*	font-size: 0.1em;
	line-height: 0;*/
	clear: both;
}


div.mainCont_inner h3 {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#4169e1;
	padding:1px 0 1px 5px;
	margin: 0 0 10px 0;
	font-size:1.2em;
	line-height: 1.6;
}

div.mainCont_inner h4 {
	font-weight:bold;
	padding:1px 0 1px 0px;
	margin: 0px;
	text-align:left;
	font-size:1.1em;
	line-height: 1.4;
}

div.mainCont_inner .rightText_inner {
	float: right;
	width: 490px;
	margin:0 0 5px 0;
	padding: 0;
	line-height: 1.5;
}

div.mainCont_inner .rightText_inner p {
	margin: 0;
	padding:0px 0 2px 0px;
	color:#4e454a;
}


div.mainCont_inner .leftImage {
	float: left;
	margin: 0 0 10px 0;
}


/* リンク色*/
div.mainCont_inner h4 a { padding: 0 0 0 19px; font-weight: bold; color: #4169e1; text-decoration: none; background: url(../../images/c/common/com_arw_green_ot.gif) no-repeat 0 50%;}
div.mainCont_inner h4 a:hover { padding: 0 0 0 19px; color: #ffffff; background: #4169e1 url(../../images/c/common/com_arw_green_ov.gif) no-repeat 0 50%;}