@charset "utf-8";

/*
	Site Name: SNSWALKER
	URL: http://sns-walker.com/
	Version:1
	disc:サイト共通CSS
*/

/* base setting
----------------------------------------- */

* {
	margin:0;
	padding:0;
}

body {
	font-family:'メイリオ','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	background:#eed9b8 url(img/mainbg.gif) repeat-y center;
	text-align:center;
}

img {border:0}

h2 {
	color:#444;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	margin:8px 0 6px 0;
}

h3 {}
h4 {}

/* text setting(link ライトブルー→青,strong:黄土,caution:赤)
----------------------------------------- */

a:link {color:#6666ff;text-decoration:underline}

a:visited {color:#7788ff;text-decoration:underline}

a:hover {color:#0000ff;text-decoration:underline}

strong {color:#b70}

.caution {color:#f03}

/* wrapper
----------------------------------------- */

#wrapper {
	margin:0 auto;
	width:780px;
	text-align:left
}


/* header
----------------------------------------- */

#header {
	width:780px;
	height:60px;
	background:#fc6 url(img/headerbg.gif) no-repeat;

}	
	
	#header h1 ,#header span{
		width:280px;
		height:60px;
		background:url(img/snswalkerlogo.gif) no-repeat;
		float:left
	}
	
		#header h1 a,#header span a{
			display:block;
			width:280px;
			height:60px;
			text-indent:-9999em;
			outline:0;
		}
	
	/*header menu*/
	ul#hmenu {
		width:410px;
		margin-top:10px;
		list-style-type: none;
		float:left
	}
	
		#hmenu li {
			display:inline;
			text-indent: -9999em;
			float:left;
			width:95px;
			height: 40px;
			overflow: hidden;
		}
		
		#hmenu li a {
				display: block;
				width: 95px;
				height: 40px;
				background-position: left top;
				outline:0;	
			}
			
		#hmenu li a:hover {background-position: 0 -40px}
			
			.hm1,.hm1 a {background: url(img/hmenu01.gif) no-repeat}
			.hm2,.hm2 a {background: url(img/hmenu02.gif) no-repeat}
			.hm3,.hm3 a {background: url(img/hmenu03.gif) no-repeat}
			.hm4,.hm4 a {background: url(img/hmenu04.gif) no-repeat}
			
	ul#tmenu {
		margin-top:12px;
		width:90px;
		float:left;
		list-style-type: none;
	}
	
	#tmenu li {
			font-size:12px;
			background: url(img/tmenu.gif) no-repeat left center;
			line-height:150%;
			padding-left:10px;

		}

		
/* contents
----------------------------------------- */

/*--- flashイメージ ---*/

#flashbase {
	background:url(img/flashbg.gif) no-repeat;
	margin:0 auto;
	width:745px;
	height:205px;
}

	#flashimg {padding:12px}

/*--- 左,中央 ---*/
#left {
	width:585px;
	margin-bottom:10px;
	float:left;
}
	
.cl {clear:both}
		

/* main（中央）
----------------------------------------- */

#main {
	width:370px;
	float:right;
	vertical-align:top
}

	/* 角丸枠  */
	.mainsec_y {
		background: url(img/mainsec_ybg.gif) repeat-y;
		text-align:left;
		margin:10px 5px 0 5px;
	}

	.mainsec_p {
		background: url(img/mainsec_pbg.gif) repeat-y;
		text-align:left;
		margin:10px 5px 0 5px;
	}		
	
	.mainsec_y h3,.mainsec_p h3 {}
	
		.mainsec_y p,.mainsec_p p {
			color:#444;
			font-size:12px;
			line-height:140%;
			padding:4px 10px;					
		}

	/* 角丸枠下部  */
	.mainsecbot_y {
		background:url(img/mainsecbot_ybg.gif) no-repeat;
		margin:0 5px;
		height:35px;
	}
	
	.mainsecbot_p {
		background:url(img/mainsecbot_pbg.gif) no-repeat;
		margin:0 5px;
		height:35px;
	}
	
		.mainsecbot_y p,.mainsecbot_p p{
			color:#999;
			font-size:12px;
			text-align:right;
			padding:12px 20px 4px 10px;
		}
		
		/* SNS Pickup */
		table.pickup {
			margin:0 10px;
			width:340px;
		}
		
			table.pickup td{
				color:#555;
				font-size:12px;
				line-height:150%;
				vertical-align:top;
				padding:8px 0;
				border-top:dotted #ded2bb 2px;
			}
	
	
/* side（左・黄色枠ybgと桃色枠pbg）
----------------------------------------- */

#side {
	vertical-align:top;
	width:215px;
	float:left;
}
	/* 角丸枠 */
	.sidesec_y {
		background: url(img/sidesec_ybg.gif) repeat-y;
		text-align:left;
		margin:10px 0px 0 14px;
	}
	
	.sidesec_p {
		background: url(img/sidesec_pbg.gif) repeat-y;
		text-align:left;
		margin:10px 0px 0 14px;
	}
	
		.sidesec_y p,.sidesec_p p {
			color:#444;
			font-size:12px;			
			line-height:140%;
			padding:4px 12px 4px 10px;					
		}
	
	/* 角丸枠下部  */
	.sidesecbot_y {
		background:url(img/sidesecbot_ybg.gif) no-repeat;
		margin:0 0 0 14px;
		height:30px;
	}
	
	.sidesecbot_p {
		background:url(img/sidesecbot_pbg.gif) no-repeat;
		margin:0 0 0 14px;
		height:30px;
	}
	
		.sidesecbot_y p,.sidesecbot_p p {
			color:#888;
			font-size:12px;
			text-align:right;
			padding:10px 20px 4px 10px;
		}
		
		/* SNS list */
		ul.snslist {
			list-style:none;
			margin-left:15px;
		}
		
			.snslist li {
				font-size:12px;
				background:url(img/icon_snslist.gif) no-repeat;
				height:22px;
				padding:4px 0 0 26px;
			}
			
			
/*--- sub（右・黄色枠ybgと桃色枠pbg） ---*/
#right {
	vertical-align:top;
	width:195px;
	float:right
}
		/* 角丸枠全部  */
	.subsec_y {
		background:url(img/subsec_ybg.gif) no-repeat left bottom;
		margin:10px 5px 0 5px;
		padding:0 0 25px 0;
	}

	.subsec_p {
		background:url(img/subsec_pbg.gif) no-repeat left bottom;
		margin:10px 5px 0 5px;
		padding:0 0 25px 0;
	}	
		.subsec_y p,.subsec_p p {
			color:#444;
			font-size:12px;
			line-height:140%;
			padding:4px 12px 4px 10px;				
		}
		
		/* SNS ranking */
		.subsec_p table {
			width:165px;
			margin:0 5px;
		}
		
			.subsec_p td {
				font-size:12px;
				padding:3px 0;
			}
				
				.tdrank {
					color:#b70;
					text-align:right;
					width:30px;			
				}

/* footer
----------------------------------------- */

#footer {
	clear:both;
	background:#fff;
	border-top:solid 4px #ffe2a4;
	margin-top:10px;
}

	.fmenu {
		text-align:center;
		padding:10px 0;
	}

		#footer li {
			list-style-type:none;
			display:inline;
			font-size:12px;
			margin:5px 6px;
		}
	
	#footer p {
		clear:left;
		color:#444;
		font-size:12px;
		line-height:140%;
		text-align:center			
	}

	address {
		color:#36d;
		font-size:12px;
		font-style:normal;
		text-align:center;
		padding:8px 0;
	}
	


/* index.html contents
----------------------------------------- */

/* mainentry（背景画像で指定） */

#mainentry h3 {
	background:url(img/main_entryimg01.gif) no-repeat;
	width:360px;
	height:132px;
	text-indent:-9999em;
	margin:10px 5px 0 5px;	
}

#mainentry p {
	background:url(img/main_entrybt.gif) no-repeat;
	width:360px;
	height:87px;
	text-indent:-9999em;
	margin:0 5px;	
}

	#mainentry a{
		display:block;
		width:282px;
		height:60px;
		position:relative;
		left:40px;
		outline:0
	}
	
	#mainentry a:hover{
		background:url(img/main_entrybt_ov.gif) no-repeat;
		width:282px;
		height:60px;
	}

/* 見出しロゴ */
#maintopic {
	background:url(img/mainh3_topics.gif) no-repeat;
	width:360px;
	height:55px;
	text-indent:-9999em;
}

#mainpickup {
	background:url(img/mainh3_pickup.gif) no-repeat;
	width:360px;
	height:60px;
	text-indent:-9999em;
}

#mainbbs {
	background:url(img/mainh3_support.gif) no-repeat;
	width:360px;
	height:55px;
	text-indent:-9999em;
}
	
#maintemp {
	background:url(img/mainh3_template.gif) no-repeat;
	width:360px;
	height:50px;
	text-indent:-9999em;
}
	
	
/* 左サイド エントリーボタン */

.sideentry a {
	display:block;
	width:150px;
	height:60px;
	text-indent:-9999em;
	background:url(img/side_mysnsbt.gif) no-repeat;
	margin:0 auto;
	outline:0;
}

.sideentry a:hover {
	background-position:0 -60px;
}

/* 左サイド ログイン */
#sidelogin {
	background:url(img/side_loginbg.gif) repeat-y bottom;
	margin:0 auto;
	width:150px;
	height:175px;
}

	#sidelogin form{
		font-size:12px;
		color:#555;
		padding:0 4px;
	}
	
		#sidelogin .linput{border:solid 1px #666;margin:2px;width:100px}

		.loginbt {
			color:#fff;
			background:url(img/side_loginbt.gif) repeat-x;
			border:solid 1px #f60;
			margin:5px 20px;
			width:100px;
			height:22px;
			cursor: pointer;
		}

	

/* normalpage contents
----------------------------------------- */

/*--- パンくず ---*/

#pankuzu { 
	color: #339;
	font-size: 12px;
	line-height: 140%;
	padding: 12px 10px 8px 10px;	
}

/*--- コンテンツ ---*/

#contents,#contform {
	background:url(img/main_conbg.gif) repeat-y;
	margin:0 auto;	
	width:745px;
}

	#contents h1 {
		color:#fff;
		font-size:16px;
		line-height:90px;
		letter-spacing:1px;
		text-indent:70px;
		background:url(img/main_contop.gif) no-repeat top;
		height:70px;
	}
		
	#contents h2{
		color: #333;
		font-size: 12px;
		font-weight: normal;
		text-align:left;
		background: #f3f3f3;
		border-bottom: 1px solid #ccc;
		border-left: 5px solid #f90;
		margin:8px 15px;
		padding: 3px 10px;
	}		
	
	#contents p {
		color:#444;
		font-size:12px;
		line-height:140%;
		padding:4px 14px 4px 24px;	
	}

/* 角丸枠下部 */	
#conbot {
	background:url(img/main_conbot.gif) no-repeat bottom;
	margin:0 auto;
	width:745px;
	height:30px;
}

	#conbot p {
		color:#555;
		font-size:12px;
		text-align:right;
		padding:4px 10px;	
	}

	/* 規約リスト */	
	#contents ul, #contents ol {
		padding:4px 20px 4px 40px;
	}

		#contents li {
			font-size:12px;
			color:#555;
			line-height:150%;
		}
			
	#contents ul {list-style-type:disc}
	
	#contents li ul {padding-left:1em}

/* form  contents（各ページtable枠)
----------------------------------------- */

#contform h1 {
	background:url(img/contform_h1gif) no-repeat;
	text-indent:-9999em;
	margin:0 auto;
	width:460px;
	height:40px;
}

#contform p{
		color:#444;
		font-size:12px;
		line-height:140%;
		padding:4px 14px 4px 24px;	
}

#contform table,#company {
	font-size: 12px;
	border: 1px solid #bbb;
	border-collapse: collapse;
	margin: 10px auto;
	width: 85%;
}

	#contform th,#company th{
		width: 130px;
		padding: 5px 5px;
		color: #444;
		background: #fff3dd;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #bbb;
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		border-left: 5px solid #f90;
	}
	
	#contform td,#company td{
		color: #555;
		padding: 5px;
		border: 1px solid #bbb;
	}
	
	#contform input,textarea {
		font-size: 12px;
		color: #333;
		background: #f9f9f9;
		border: 1px solid #bbb;
	}
	
	textarea {width: 90%}
	
	.formbt {width: 140px;height: 24px;cursor: pointer}
		

/* service contents
----------------------------------------- */

#setsumei {	
	margin:0 auto;
	width:745px
}

	#setsumei h1 {
		background:url(img/setsumei_maintop01.gif) no-repeat;
		text-indent:-9999em;
		width:745px;
		height:247px;	
	}
	
	#setsumei h2 {
		background:url(img/setsumei_maintop02.gif) no-repeat;
		text-indent:-9999em;
		margin:0;
		width:745px;
		height:90px;
	}
	
	/* サービス６大check */
	.check1 {
		background:url(img/setsumei_check1.gif) no-repeat;
		width:745px;
		height:160px;
	}
	.check2 {
		background:url(img/setsumei_check2.gif) no-repeat;
		width:745px;
		height:175px;
	}
	.check3 {
		background:url(img/setsumei_check3.gif) no-repeat;
		width:745px;
		height:175px;
	}
	.check4 {
		background:url(img/setsumei_check4.gif) no-repeat;
		width:745px;
		height:170px;
	}
	.check5 {
		background:url(img/setsumei_check5.gif) no-repeat;
		width:745px;
		height:170px;
	}	
	.check6 {
		background:url(img/setsumei_check6.gif) no-repeat;
		width:745px;
		height:170px;
	}
		/* 罫線 */		
		.looseleaf{

			padding:80px 0 0 0;
			margin-left:100px;
			width:420px;
			background:url(img/keisen.gif) repeat-x bottom;
		}
		
		.looseleaf p {
			font-size:12px;
			color:#555;
			line-height:150%;
			background:url(img/keisen.gif);
		}

	/* SNS申し込みボタン */		
	#checkentry {
		background:url(img/setsumei_check7.gif) no-repeat;
		width:745px;
		height:175px;
	}
		
	#checkentry a{
		display:block;
		text-indent:-9999em;
		width:235px;
		height:60px;
		position:relative;
		top:56px;
		left:245px;
		outline:0
	}
	
	#checkentry a:hover{
		background:url(img/check_entrybt_ov.gif) no-repeat;
		width:235px;
		height:60px;
	}

/* faq contents
----------------------------------------- */

dl.faq dt {
	font-size:12px;
	color:#007;
	margin:12px 20px;
	padding:2px 6px;
}

.faq dt span {font-weight:bold}

dl.faq dd {
	font-size:12px;
	color:#f16;
	line-height:140%;
	margin:12px 36px 30px 36px;
	padding:1em;
	border:solid 1px #ffe5b0;
	width:640px;
}

/* template contents
----------------------------------------- */

#temp {
	margin:0 auto;
	width:745px
}

	#temp h1{margin-bottom:20px}
	
	
/* easy-login
----------------------------------------- */

#easylogin {
	background:#fff url(img/easyloginbg.gif) no-repeat;
	width:400px;
	height:120px;
	margin:30px auto;
}	

	#easylogin p {
		color:#444;
		font-size:12px;
		text-align:center;
		padding:20px 0 10px 0;	
	}
	.easyloginbt {
			font-size:12px;
			margin:10px 100px;
			width:200px;
			height:26px;
			cursor: pointer;
	}