@charset "UTF-8";


/* ブラウザスタイルの初期化
---------------------------------------------------- */
html,body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial,"lr oSVbN", Osaka, "qMmpS Pro W3",sans-serif;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address{
	padding: 0;
}
* html .iepngfix {behavior: expression(IEPNGFIX.fix(this));}

/* ie background flickr
-------------------------------------------------------------*/
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/* ページ全体
---------------------------------------------------- */
body{
	font-size: 12px;
	background: #fff;
	color: #444;
	background: url(../images/back_body.gif);
	line-height: 130%;
	
}
#wrapper{
	width: 810px;
	margin: 0 auto;
	background: url(../images/back_wrapper.gif) repeat-y;
	text-align: center;
}
.clearfix{
display:inline-block;
} /*ie7 b*/

.clearfix{
display:block;
} /*opera & safari */
/*ie6 and no IE mac*/
/* Hides from IE-mac \*/
* html .clearfix{
height:1%;
}
/* for macIE \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* end of for macIE */


/* リンクテキスト
---------------------------------------------------- */
a:link{ color: #45920C; text-decoration: underline; }
a:visited{ color: #45920C; text-decoration: underline; }
a:hover{ color: #45920C; text-decoration: none; }
a:active{ color: #45920C; text-decoration: none; }

/* 画像
---------------------------------------------------- */
img{ border: 0; }

/* CommonParts
---------------------------------------------------- */
.right{ text-align: right; }
.red{ color: #FF0000; }
.text-bold{ font-weight: bold; }

.txt_hidden {
	display:none;
	font:  1px/1px monospace;
	}
.clear{
	clear: both;
	font:  1px/1px monospace;
	}
.floatLeft{
	float:left;
	margin-right:10px;
}
.floatRight{
	float: right;
	margin: 0px 0px 10px 10px;
}
/* ヘッダー
---------------------------------------------------- */
#header{
	position: relative;
	background: url(../images/img_real_otsu/head_bg.gif) no-repeat;
	width: 810px;
	height: 65px;
}
h1#logo{
	float: left;
	margin: 10px 20px 0 20px;
}
p#risk{
	float: left;
	margin: 15px 0 0 76px;
}
p#h_right{
	float: right;
	margin: 15px 10px 0 0;
}

/* main
---------------------------------------------------- */
/* 大津実写版メインイメージ */
div#MainImage {
	position: relative;
	width: 760px;
	height: 407px;
	margin: 20px auto 0;
	background: url(../images/img_real_otsu/main_bg.png) top no-repeat;
}
div#MainImage div.banner_spread a{
	position: absolute;
	top: 128px;
	left: 162px;
}
.ban1,.ban2,.ban3{
	display:none
}
div#MainImage div.MainImageBtn01 {
	position: absolute;
	top: 40px;
	right: 20px;
	width: 375px;
	height: 100px;
}
div#MainImage div.MainImageBtn01 span {
	font-size: 10px;
}
div#MainImage div.MainImageBtn02 {
	position: absolute;
	top: 320px;
	left: 198px;
	width: 330px;
	height: 130px;
}
div#MainImage div#Yutaro {
	position: relative;
	top: 196px;
	right: 290px;
}
div#MainImage div#Drugon {
	position: relative;
	top: 158px;
	left: 160px;
}
div#SixPoint {
	clear:both;
	width: 740px;
	height: 170px;
	margin: 10px auto;
	padding: 40px 0 0 0;
	background: url(../images/img_real_otsu/6point_bg.gif) top no-repeat;
}
div#SixPoint img.SixPoint_ttl {margin: 10px 0;}
/* メイン下 レートエリア */
div#Rate {
	position: relative;
	width: 760px;
	height: 124px;
	margin: 0 auto;
	background: url(../images/img_real_otsu/header_rate.png) top no-repeat;
}
div#Rate iframe#Rate1 {
	position: relative;
	top: 8px;
	left: -35px;
}
div#Rate iframe#Rate2 {
	position: relative;
	top: 8px;
	left: 0px;
}
div#Rate iframe#Rate3 {
	position: relative;
	top: 8px;
	right: -35px;
}

/* 注意文言 */
div.slippage_risk {
	width: 760px;
	font-size: 10px;
	text-align: left;
	line-height: 1.1;
	color: #333;
	margin-left: 25px;
}

/* メイン下 キャンペーンエリア 画像置き換え方式
div#Campain {width: 758px; margin: 20px auto;}
div#Campain div#CampainLeft {float:left; width: 374px;}
div#Campain div#CampainLeft p#CamBtn { width: 374px; overflow: hidden; margin: 0px auto; text-indent: -1000px; }
div#Campain div#CampainLeft p#CamBtn a { display: block; height: 154px; background: url(../images/img_real_otsu/banner_campaign.png) top no-repeat; }
div#Campain div#CampainLeft p#CamBtn a:hover { background-position: 0 -154px ; }

div#Campain div#CampainRight {float: right;}
div#Campain div#CampainRight p#RecoBtn { width: 374px; overflow: hidden; margin: 0px auto; text-indent: -1000px; }
div#Campain div#CampainRight p#RecoBtn a { display: block; height: 154px; background: url(../images/img_real_otsu/banner_new_recommend.png) top no-repeat; }
div#Campain div#CampainRight p#RecoBtn a:hover { background-position: 0 -154px ; }
*/

/* メイン下 キャンペーンエリア */
div#Campain {width: 758px; margin: 20px auto;}
div#Campain div#CampainLeft {float:left; width: 374px;}
div#Campain div#CampainLeft p#CamBtn { width: 374px; overflow: hidden; margin: 0px auto; }

div#Campain div#CampainRight {float: right;}
div#Campain div#CampainRight p#RecoBtn { width: 374px; overflow: hidden; margin: 0px auto; }


/* 初期作成CSS */
div#cont1 {
	background: url(../images/img_g/cont1_bg_02.gif) no-repeat;
	width:730px;
	padding:30px 15px 0px 15px;
	margin:20px auto;
}

div#cont1 p{
	width:580px;
	float:right;
	text-align:left;
	margin-bottom:20px;
}
div#cont1 .marginimg{
	margin:30px 0px 0px 150px;
	float:left;
}

div#cont2 {
	background: url(../images/img_g/cont1_bg.gif);
	width:740px;
	margin:auto;
	padding:10px 0;
}
div#notes{
	text-align: right;
	margin-right: 30px;
}


div#cont3 {
}

div#cont_ttl1 {
	background:url(../images/img_g/cont_ttl1.gif) no-repeat top;
	width:760px;
	padding:40px 0px 0px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl1 p {
	margin:5px 15px;
}
div#cont_ttl2 {
	background:url(../images/img_g/cont_ttl2.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl2_2 {
	background:url(../images/img_g/cont_ttl4.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl3 {
	background:url(../images/img_g/cont_ttl3.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl4 {
	background:url(../images/img_g/cont6_boxhead.gif) no-repeat top #141414;
	width:740px;
	padding:32px 10px 10px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl4 img{
	margin:0;
	padding0;
}

p.cont6L {
	margin:0;
	margin-right:30px;
	line-height:1.2em;
	}
p.cont6R {
	margin:0;
	margin-left:30px;
	line-height:1.2em;
	}
div.cont6_img3 {
	diplay:block;
	width:529px;
	height:112px;
	float:left;
	background:url(../images/img_g/cont6_img3.gif);
}
div.cont6_img5 {
	diplay:block;
	width:542px;
	height:103px;
	float:left;
	background:url(../images/img_g/cont6_img5.gif);
}
div.cont6_img9 {
	diplay:block;
	width:536px;
	height:102px;
	float:left;
	background:url(../images/img_g/cont6_img9.gif);
}
div.cont6_img11 {
	diplay:block;
	width:587px;
	height:122px;
	float:left;
	background:url(../images/img_g/cont6_img11.gif);
}

#main #btn-detail{
	text-align: left;
	position: relative;
	top: 340px;
	left: 275px;
}

.btn{
	clear: both;
	background: url(../images/btn_black.gif) no-repeat;
	width: 415px;
	height: 46px;
	margin: 20px auto;
}
.btn a{
	text-decoration: none;
	display: block;
	width: 415px;
	height: 46px;
}
.btn a:hover{
	background: url(../images/btn_black_hover.gif) no-repeat;
}

/* detail
---------------------------------------------------- */
.content_merit{
	clear: both;
	width: 720px;
	margin: 40px auto 20px;
	padding: 15px;
	border:solid 1px #CCCCCC;
	text-align: left;
	line-height: 170%;
}
.content_merit img.pan {
	margin-bottom:30px;
}
.content_merit img.footimg {
	float:right;
	margin-right:20px;
}
.content_merit p {
	margin:0px;
	margin-left:20px;
	line-height:1.3em;
}
.img-right{
	float: left;
	margin: 0px 0px 10px 10px;
}
.img-left{
	float:left;
	margin: 0px 0px 10px 0px;
}

/*　これがないとFirefoxで背景が表示されない！！　*/
.content_merit:after {
    content: "";
    display: block;
    clear: both;
}
/**/

div.swap {
	width:750px;
	margin:auto;
}

/* warning
---------------------------------------------------- */
#warning{	border: 1px solid #32779C;
	background: #F1FBFE;
	text-align: left;
	margin: 15px;
	font-size: 12px;
line-height: 120%;
	color: #32779C;
	padding: 3px 5px;
}



/* 登録番号
---------------------------------------------------- */
#registration{
	text-align: left;
	margin-left: 20px;
}

/* footer
---------------------------------------------------- */
#footer{
	color: #fff;
	background: #222;
	padding: 3px;
	margin:0 4px;

}




/* 申込ボタン小　追加
---------------------------------------------------- */
.btn_small{
	width: 295px;
	margin: 10px auto;
	float:right;
}


/* 申込ボタン大　追加
---------------------------------------------------- */
.btn_kouza{
	width: 286px;
	margin:10px 80px 10px 0px;
	float:right;
}
.btn_left{
	float:left;
}
.btn_kouza2{
	width: 286px;
	margin:0 auto 10px;
}


/* 口座開設フロー掲載 3/5 追加
---------------------------------------------------- */
div#service-flow {
	width: 630px;
	margin: 10px auto;
	padding-top: 275px;
	text-align: left;
	background: url(../images/img_real_otsu/flowimage.jpg) no-repeat;
}
div#service-flow p {
	margin:0;
	line-height: 1;
}

div#service-flow .hidden {
	display: none;
}
/* LPクマイメージ */
div#lptop_box {
	margin: 10px auto 0;
	width: 760px; height: 160px;
	background: url("../lp1/images/lp_top.gif") no-repeat;
}

#lp_buttun {
	padding: 70px 0px 0px 520px;
}

#lp_buttun a{
	background: url(../lp1/images/lp_off.gif) no-repeat;
	width: 200px; height: 70px;display: block;
}

#lp_buttun a:hover{
	background: url(../lp1/images/lp_on.gif) no-repeat;
}
div#cont_ttl_lp_1 {
	background:url(../lp1/images/cont_ttl_lp.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
	font-size: 14px;
	line-height:140%
}

div#cont_ttl1_1 {
	background:url(../images/img_g/cont_ttl1.gif) no-repeat top;
	width:760px;
	padding:40px 0px 0px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl1_1 p {
	margin:5px 15px;
}
div#cont_ttl2_1  {
	background:url(../images/img_g/cont_ttl2.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl2_2_1  {
	background:url(../images/img_g/cont_ttl4.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl3_1  {
	background:url(../images/img_g/cont_ttl3.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl4_1  {
	background:url(../images/img_g/cont6_boxhead.gif) no-repeat top #141414;
	width:740px;
	padding:32px 10px 10px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl4_1  img{
	margin:0;
	padding0;
}

p.cont6L_1  {
	margin:0;
	margin-right:30px;
	line-height:1.2em;
	}
p.cont6R_1  {
	margin:0;
	margin-left:30px;
	line-height:1.2em;
	}
div.cont6_img3_1  {
	diplay:block;
	width:529px;
	height:112px;
	float:left;
	background:url(../images/img_g/cont6_img3.gif);
}
div.cont6_img5_1  {
	diplay:block;
	width:542px;
	height:103px;
	float:left;
	background:url(../images/img_g/cont6_img5.gif);
}
div.cont6_img9_1  {
	diplay:block;
	width:536px;
	height:102px;
	float:left;
	background:url(../images/img_g/cont6_img9.gif);
}
div.cont6_img11_1  {
	diplay:block;
	width:587px;
	height:122px;
	float:left;
	background:url(../images/img_g/cont6_img11.gif);
}


/* LPマイナス思考女イメージ */
div#lptop_box_gal {
	margin: 10px auto 0;
	width: 760px; height: 160px;
	background: url("../lp2/images/lp_top.gif") no-repeat;
}

#lp_buttun_gal {
	padding: 70px 0px 0px 540px;
}

#lp_buttun_gal a{
	background: url(../lp2/images/lp_off.gif) no-repeat;
	width: 200px; height: 70px;display: block;
}

#lp_buttun_gal a:hover{
	background: url(../lp2/images/lp_on.gif) no-repeat;
}
div#cont_ttl_lp_gal {
	background:url(../lp2/images/cont_ttl_lp.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
	font-size: 14px;
	line-height:140%
}

div#cont_ttl1_gal {
	background:url(../images/img_g/cont_ttl1.gif) no-repeat top;
	width:760px;
	padding:40px 0px 0px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl1_gal p {
	margin:5px 15px;
}
div#cont_ttl2_gal {
	background:url(../images/img_g/cont_ttl2.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl2_2_gal {
	background:url(../images/img_g/cont_ttl4.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl3_gal {
	background:url(../images/img_g/cont_ttl3.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl4_gal {
	background:url(../images/img_g/cont6_boxhead.gif) no-repeat top #141414;
	width:740px;
	padding:32px 10px 10px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl4_gal img{
	margin:0;
	padding0;
}

p.cont6L_gal {
	margin:0;
	margin-right:30px;
	line-height:1.2em;
	}
p.cont6R_gal {
	margin:0;
	margin-left:30px;
	line-height:1.2em;
	}
div.cont6_img3_gal {
	diplay:block;
	width:529px;
	height:112px;
	float:left;
	background:url(../images/img_g/cont6_img3.gif);
}
div.cont6_img5_gal {
	diplay:block;
	width:542px;
	height:103px;
	float:left;
	background:url(../images/img_g/cont6_img5.gif);
}
div.cont6_img9_gal {
	diplay:block;
	width:536px;
	height:102px;
	float:left;
	background:url(../images/img_g/cont6_img9.gif);
}
div.cont6_img11_gal {
	diplay:block;
	width:587px;
	height:122px;
	float:left;
	background:url(../images/img_g/cont6_img11.gif);
}


/* LPサクラクマ12イメージ */
div#lptop_box_12 {
	margin: 10px auto 0;
	width: 760px; height: 160px;
	background: url("../lp12/images/lp_top.gif") no-repeat;
}

#lp_buttun_12 {
	padding: 70px 0px 0px 520px;
}

#lp_buttun_12 a{
	background: url(../lp12/images/lp_off.gif) no-repeat;
	width: 200px; height: 70px;display: block;
}

#lp_buttun_12 a:hover{
	background: url(../lp12/images/lp_on.gif) no-repeat;
}



div#cont_ttl_lp_12 {
		background:url(../lp12/images/cont_ttl_lp.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
	font-size: 14px;
	line-height:140%
}

div#cont_ttl1_12 {
	background:url(../images/img_g/cont_ttl1.gif) no-repeat top;
	width:760px;
	padding:40px 0px 0px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl1_12 p {
	margin:5px 15px;
}
div#cont_ttl2_12 {
	background:url(../images/img_g/cont_ttl2.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl2_2_12 {
	background:url(../images/img_g/cont_ttl4.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl3_12 {
	background:url(../images/img_g/cont_ttl3.gif) no-repeat top;
	width:730px;
	padding:40px 15px 0px 15px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl4_12 {
	background:url(../images/img_g/cont6_boxhead.gif) no-repeat top #141414;
	width:740px;
	padding:32px 10px 10px;
	margin:20px auto;
	text-align:left;
}
div#cont_ttl4_12 img{
	margin:0;
	padding0;
}

p.cont6L_12 {
	margin:0;
	margin-right:30px;
	line-height:1.2em;
	}
p.cont6R_12 {
	margin:0;
	margin-left:30px;
	line-height:1.2em;
	}

/* 羊飼いブログ コラボキャンペーンLD用
---------------------------------------------------- */

div#HitsujiCamp {
	position: relative;
	margin: 10px auto;
	width: 760px;
	height: 143px;
	background: url(../images/img_hitsuji/hitujikai.jpg);
}
div#HitsujiCamp h2 {
	display: none;
}
div#HitsujiCamp p {
	position: absolute;
	bottom: 7px; right: 9px;
	width: 257px;
	height: 31px;
	margin: 0;
	background: url(../images/img_hitsuji/hitujikai_btn.png);
}
div#HitsujiCamp p a {
	overflow: hidden;
	display: block;
	height: 31px;
	text-indent: -999px;
}

div#HitsujiCamp p a:hover {
	opacity: 0.2;
	filter: alpha(opacity=20);
	background:#fff;
}

div#cont_hitsuji {
	width: 760px;
	margin: 10px auto;
	text-align: left;
}
div#cont_hitsuji h2 {
	overflow: hidden;
	width: 760px;
	height: 26px;
	text-indent: -999px;
	background: url(../images/img_hitsuji/main_ttl.png);
}
div#cont_hitsuji p {
	margin-bottom: 2em;
}
div#cont_hitsuji ul {
	margin-left: 20px;
}
div#cont_hitsuji ul li {
	list-style: decimal;
	margin-bottom: 1em;
}

div#cont_hitsuji .FloatRight {
	float: right;
}