@charset "utf-8";
@import "../common.css";
@import "../reset.css";

/*///////////////////////////////////////

 font-size

/////////////////////////////////////////

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

////////////////////////////////////////*/

/*//////////////////////////////////////
	SBM
//////////////////////////////////////*/

#appendSBM{
	margin:18px auto 0;
	padding:17px 0 0;
	height:20px;
	text-align:center;
	background:url(../../images/snapcrab/snapcrab_sbm_line.png) no-repeat center 0;
}

#appendSBM a,
#appendSBM iframe{
	margin-right:10px;
	font-size:0;
	line-height:1;
	vertical-align:top;
	display:inline-block;
}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	Snapcrab

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

#main {
	position:relative;
}

h1{
text-indent:-10000px;
overflow:hidden;
}

p {
color:#6a6a6a;
}

#top_img {
	background:url(../../images/snapcrab/top_image.png) no-repeat;
	background-repeat:no-repeat;
	margin-bottom:20px;
	margin-top:10px;
	padding:86px 0 0 296px;
}

#top_img a#topbtn{
display:block;
height:30px;
overflow:hidden;
text-indent:-9999px;
width:317px;
}

#top_img p{
margin:6px 0 15px;
color:#6a6a6a;
font-size:93%;
line-height:1.4em;
}

#top_img a{
	font-weight:normal;
}

#top_img2 {
	background-image:url(../../images/snapcrab/top_image2.png);
	background-repeat:no-repeat;
	margin-bottom:20px;
	margin-top:5px;
	padding:96px 0 0 296px;
}

#top_img2 a#topbtn{
display:block;
height:30px;
overflow:hidden;
text-indent:-9999px;
width:317px;
}

#top_img2 p{
font-size:93%;
line-height:140%;
margin:6px 0 15px;
}

#top_ballon{
width:250px;
left:30px;
position:absolute;
top:158px;
}

#top_ballon_head{
width:250px;
height:22px;
background:url(../../images/snapcrab/top_balloon_head.png) #4a4a4a no-repeat;
}

#top_ballon_bottom{
width:250px;
height:9px;
background:url(../../images/snapcrab/top_balloon_bottom.png) no-repeat;
}

#top_ballon p{
color:#FFFFFF;
background-color:#4a4a4a;
font-size:93%;
line-height:140%;
padding:0px 0px 0 7px;
}

#top_content{
width:771px;
height:384px;
background:url(../../images/snapcrab/top_content_bg2.png) no-repeat;
}

#top_content_inside{
padding:45px 395px 0 40px;
}

div.screenshot{
margin-left:65px;
margin-top:-180px;
position:absolute;
}

#top_content_inside p{
color:#4a4a4a;
line-height:150%;
}

#top_content h2{
background:url(../../images/snapcrab/h2_text.png) no-repeat;
width:325px;
height:22px;
text-indent:-10000px;
overflow:hidden;
margin-bottom:10px;
}

div.frame{
	background-image:url(../../images/snapcrab/frame_middle.png);
	background-repeat:repeat-y;
	width:771px;
	height:auto;
	overflow:hidden;
	padding-top:25px;
}

.vecter {
background:transparent url(../../images/snapcrab/snapcrab_vecter_line.png) no-repeat scroll center bottom;
padding:22px 25px 20px 24px;
}

.vecter .text {
float:left;
padding-right:20px;
_padding-right:17px;
padding-top:6px;
}

.vecter .banner img {
border:1px solid #000000;
}


div.frame_mid{
width:auto;
padding:0 45px;
margin:0;
}

div.sc_intro{
float:left;
margin-bottom:15px;
margin-left:10px;
margin-right:15px;
width:315px;
}

img.intro_img{
float:left;
margin-right:5px;
display:block;
width:108px;
margin-top:5px;
}

div.sc_intro h3{
width:190px;
color:#ff6c00;
float:right;
font-size:108%;
}

div.sc_intro p{
width:190px;
color:#6a6a6a;
float:right;
line-height:150%;
font-size:93%;
}

div.content_ie{
background:#F4F4F4 url(../../images/snapcrab/ie_cojntent_bg.png) repeat-x scroll center top;
border-bottom:1px solid #B9B9B9;
border-top:1px solid #B9B9B9;
height:auto;
margin-bottom:30px;
margin-left:5px;
margin-top:15px;
overflow:hidden;
width:761px;
}

div.content_ie_inside{
padding:25px 35px;
width:auto;
position:relative;
overflow:hidden;
min-height:140px;
_height:auto !important;
_height:140px;
}

div.content_ie_inside h3{
color:#3686cd;
margin-bottom:10px;
}

div.content_ie_inside p{
line-height:140%;
margin-bottom:15px;
}

div.content_ie_inside div.left{
float:left;
margin-right:40px;
width:520px;
}

div.content_ie_inside img.right{
position:absolute;
top:7px;
left:579px;
display:block;
margin-top:15px;
}

div.content_ie_inside p.attention{
line-height:140%;
margin-top:10px;
margin-bottom:0px;
font-size:85%;
}

div.download{
text-align:center;
margin-bottom:40px;
}

div.download p{
line-height:140%;
margin-top:5px;
font-size:93%;
}

#navi {
	background:url(../../images/snapcrab/frame_bottom.png) no-repeat 0 bottom;
	width:771px;
}

/*----------------
Social Bookmark
----------------*/

#sbm_inside {
padding:10px;
width:450px;
}

#sbm_content {
margin-left:286px;
margin-top:-20px;
width:251px;
margin-bottom:15px;
}

.sbm {
margin-right:10px;
}


/*-----------------------
	note
------------------------*/

.note_text {
	margin: 0px;
	padding:0px;
}

#contents_top{
	width:771px;
	height:30px;
	background:url(../../images/snapcrab/contents_top.png) no-repeat;
}

.contents{
	background-image:url(../../images/snapcrab/frame_middle.png);
	background-repeat:repeat-y;
	width:771px;
	height:auto;
	overflow:hidden;
}

h2.notetitle{
	color:#ff6c00;
	font-size:116%;
	padding: 0 30px 0;
	margin-bottom: 20px;
}

.contents h3 {
	font-size: 108%;
	padding-bottom: 3px;
	margin: 0 30px 15px;
	border-bottom:1px solid #ddd;
	color:#6a6a6a;
}

.contents h4 {
	font-size: 80%;
	margin: 10px 30px 5px;
}

.contents ul {
	padding: 0 35px 30px;
	font-size: 100%;
	color:#6a6a6a;
}

.contents li {
	list-style-position: inside;
	list-style-type: disc;
	padding-bottom: 5px;
	line-height: 160%;
}