@charset "shift_JIS";

/* [CSS設定目次]----------------------------

01.全般的な設定
02.はじめてガイドメニュー


07.はじめてガイド設定
08.あんしんまめ知識設定
09.カラー設定

12.重要情報

-------------------------------------------[CSS設定目次] */

/* [記載順序]---------------------------------------------
hoge {
表示、ボックス指定項目
	z-index:  ;
	display:  ;
	position:  ;
	float:  ;
余白、サイズ、背景項目
	margin:  ;
	border:  ;
	background:  ;
	padding:  ;
	width:  ;
	height:  ;
	overflow:  ;
テキスト装飾項目
	text-indent:  ;
	text-align:  ;
	text-decoration:  ;
	line-height:  ;
	vertical-align:  ;
	white-space:  ;
	letter-spacing:  ;
	word-spacing:  ;
	color:  ;
	font:  ;
リスト項目
	list-style:  ;
カーソル項目
	cursor:  ;
}
----------------------------------------------[記載順序] */

/*---------------------------------------------------------
 [01.全般的な設定]
---------------------------------------------------------*/
body {
	color: #333333;
	text-align: center;
}

#container {

}

a {
	/*overflow: hidden;*/
	outline: none;
}

.toTop {
	padding: 0 0 0 16px;
	margin: 60px 0 0;
	line-height: 100%;
}

.toTop a { 
	background: url(/images/cmn/icn_sankaku.gif) no-repeat;
}

.underline {
	border-bottom: dashed 1px #aaaaaa;
}
.overline {
	border-top: dashed 1px #aaaaaa;
}

.page_title {
	width: 960px;
	text-align: left;
	border-bottom: dotted 1px #aaaaaa;
}
.description {
	text-align: left;
	border-bottom: dotted 1px #aaaaaa;
	padding: 20px;
	margin: 0 0 30px;
}


#content_wrap {
	margin: 10px auto 20px;
	text-align: center;
	width: 960px;
}

/*---------------------------------------------------------
 [02.はじめてガイドメニュー]
---------------------------------------------------------*/

.guid_area {
	width: 215px;
	float: left;
}
.firstGuide_area {
	padding: 10px 0 0;
	height: 245px;
	background: url(../../images/common/firstGuide_bg.png) no-repeat;
}
.firstGuide_area ul li a {
	text-indent: -9999px;
	width: 190px;
	height: 45px;
	display: block;
	text-align: center;
	margin: 0 auto;
	text-align: left;
}
.firstGuide_area ul li.what_webmoney a:link, .firstGuide_area ul li.what_webmoney a:visited {
	background: url(../../images/common/firstGuide_menu.png) no-repeat 0 0;
}
.firstGuide_area ul li.what_webmoney a:hover, .firstGuide_area ul li.what_webmoney a:active {
	background: url(../../images/common/firstGuide_menu.png) no-repeat 0 -182px;
}
.firstGuide_area ul li.purchase a:link, .firstGuide_area ul li.purchase a:visited {
	background: url(../../images/common/firstGuide_menu.png) no-repeat 0 -45px;
}
.firstGuide_area ul li.purchase a:hover, .firstGuide_area ul li.purchase a:active {
	background: url(../../images/common/firstGuide_menu.png) no-repeat 0 -227px;
}
.firstGuide_area ul li.use a:link, .firstGuide_area ul li.use a:visited {
	background: url(../../images/common/firstGuide_menu.png) no-repeat 0 -90px;
}
.firstGuide_area ul li.use a:hover, .firstGuide_area ul li.use a:active {
	background: url(../../images/common/firstGuide_menu.png) no-repeat 0 -272px;
}
.firstGuide_area ul li.convenient a:link, .firstGuide_area ul li.convenient a:visited {
	background: url(../../images/common/firstGuide_menu.png) no-repeat 50% -135px;
}
.firstGuide_area ul li.convenient a:hover, .firstGuide_area ul li.convenient a:active {
	background: url(../../images/common/firstGuide_menu.png) no-repeat 0 -317px;
}
.security {
	margin: 5px 0 0;
}
#top_area .flash_area {
	width: 740px;
	float: right;
}





/*---------------------------------------------------------
 [07.はじめてガイド設定]
---------------------------------------------------------*/
#guide_content_area {
	width: 960px;
	overflow: hidden;
}
#guide_content_area:after {
	content: "";
	clear: both;
	height: 1px;
	display: block;
	visibility: hidden;
}
.guide_content {
	float: right;
	width: 740px;
	background: url(../../images/common/firstGuide_center_bg.gif) repeat-y center;
}
.guide_content_top {
	background: url(../../images/common/firstGuide_top_bg.gif) no-repeat top;
	padding: 10px 0 0;
}
.guide_content_bottom {
	background: url(../../images/common/firstGuide_bottom_bg.gif) no-repeat bottom;
	padding: 20px 40px 10px;
	text-align: left;
}
.guide_content .heading {
	padding: 0 0 20px;
}
.heading p {
	padding: 20px 0 0;
}
.guide_content h3 {
	margin: 0 0 15px;
}
.guide_content .guide_column {
	width: 660px;
	margin: 20px 0;
	padding: 0 0 20px;
	overflow: hidden;
}
.guide_content .guide_column:after {
	content: "";
	clear: both;
	height: 1px;
	display: block;
	visibility: hidden;
}
.guide_column_use {
	width: 660px;
	overflow: hidden;
}
.guide_column_use:after {
	content: "";
	clear: both;
	height: 1px;
	display: block;
	visibility: hidden;
}
.guide_column_use .use_left {
	width: 410px;
	float: left;
}
.guide_column_use .use_right {
	width: 215px;
	float: right;
	padding: 0 25px 0 0;
	text-align: right;
	background: url(../../images/common/icon_arrow.gif) no-repeat right;
}
.guide_box {
	margin: 10px 0 25px;
	text-align: center;
}
.guide_box p {
	padding: 5px 0;
}
.guide_box .pink a {
	font-size: 110%;
	color: #ff3996;
	text-decoration: underline;
}
.guide_box .logo {
	margin: 10px 0;
}
.guide_column .recital {
	color: #666666;
}
.recital dl {
	margin: 0 0 20px;
}
.recital dt {
	float: left;
	width: 45px;
	margin: 0 0 0 5px;
	clear: both;
}
.recital dd {
	width: 610px;
	margin: 0 0 0 50px;
	display: block;
}
.guide_column .left {
	float: left;
	width: 240px;
}
.guide_column .right {
	float: right;
	width: 400px;
	padding: 0 0 0 20px;
}
.guide_content .naviBtn {
	text-align: center;
	margin: 20px auto 25px; 
}
.guide_column p {
	margin: 25px 0 0; 	
}
.purchase_column {
	width: 660px;
	padding: 0 0 20px;
	overflow: hidden;
}
.purchase_column:after {
	content: "";
	clear: both;
	height: 1px;
	display: block;
	visibility: hidden;
}
.purchase_column p {
	padding: 0 20px;
	overflow: hidden;
}
.purchase_column .purchase_left {
	float: left;
	width: 320px;
	padding: 230px 0 0;
	background: url(../../images/common/guide_purchase_select.jpg) no-repeat left top;
}
.purchase_column .purchase_right {
	float: right;
	width: 320px;
	padding: 230px 0 0;
	background: url(../../images/common/guide_purchase_select.jpg) no-repeat right top;
}
.guide_step {
	width: 660px;
	overflow: hidden;
}
.guide_step:after {
	content: "";
	clear: both;
	height: 1px;
	display: block;
	visibility: hidden;
}
.guide_step ul {
	display: inline;
}
.guide_step ul li {
	float: left;
	margin: 0 0 0 60px;
	width: 180px;
	display: block;
}
.guide_column ul li.start {
	margin: 0;
}
.guide_content .character {
	background: url(../../images/common/icon_woman.jpg) no-repeat 560px 70px;
}

.guide_content .detail {
	width: 660px;
	margin: 25px 0 0 0;
	overflow: hidden;
}
.guide_step:after {
	content: "";
	clear: both;
	height: 1px;
	display: block;
	visibility: hidden;
}
.detail_left {
	float: left;
	width: 80px;
}
.detail_right {
	float: right;
	width: 570px;
}
.detail ul {
	padding: 0 0 0 20px;
}
.detail ul li {
	list-style: disc;
}
/*---------------------------------------------------------
 [08.あんしんまめ知識設定]
---------------------------------------------------------*/
.caution {
	margin: 30px 0;
	padding: 0 40px 15px;
}
.caution_column {
	padding: 10px 0 0 60px;
}
.caution_column h3 {
	font-size: 146%;
}
.caution .one {
	background: url(../../images/common/icon_one.gif) no-repeat left top;
}
.caution .two {
	background: url(../../images/common/icon_two.gif) no-repeat left top;
}
.caution .three {
	background: url(../../images/common/icon_three.gif) no-repeat left top;
}
.caution .four {
	background: url(../../images/common/icon_four.gif) no-repeat left top;
}
.caution_column ul li {
	background: url(../../images/common/icon_trigona.gif) no-repeat left ;
	padding: 0 0 0 15px;
}

/*---------------------------------------------------------
 [09.カラー設定]
---------------------------------------------------------*/

#content a:link, #content a:visited {
	color: #000000;
	text-decoration: underline;
}
#content a:hover, #content a:active  { 
	color: #F57B32;
	text-decoration: underline;
}
.pink  {
	color: #ff3996;
}




/*---------------------------------------------------------
 [12.重要情報]
---------------------------------------------------------*/
#importance {
	

}
#importance p {
	margin: 0 0 10px;
}
#importance .updateTime {
	padding:5px 0;
	text-align:right;
}
#importance ul {
	background-color: #F7F9FB;
	border: 1px solid #BAD0EA;
	margin: 10px 0;
	padding: 8px 8px 2px;
}

/*---------------------------------------------------------
　年.月.日		追加内容
　2012.09.25	TOPにかかわる不要なデータ削除
---------------------------------------------------------*/