@charset "utf-8";

@import url("main/font.css");

/* RESET DEFAULT */
h1,h2,h3,h4,h5,p { padding:0; margin:0; font-size:9px; line-height:1.0; font-weight:normal; }
dl,dt,dd,ul,ol,li,form { padding:0; margin:0; font-size:9px; line-height:1.0; font-weight:normal; list-style:none; }
object,embed,iframe { padding:0; margin:0; }
a { outline:0; }
img { vertical-align:bottom; border:none; }
/* RESET DEFAULT */

body {
	padding:0;
	margin:0;
	color:#333;
}

a { color:#06C; }
a:hover {
	color:#09F;
	text-decoration:none;
}

#wrap {
	width:950px;
	position:relative;
	border-top:#940303 3px solid;
	overflow:hidden;
}

/* HEAD */
#head {
	margin:0 0 20px;
	width:950px;
	height:150px;
	position:relative;
	background:#000;
}

#head h1 {
	margin:0;
	position:absolute;
	top:42px;
	left:25px;
}
#head p {
	margin:0;
	position:absolute;
	right:0;
}
#head p a { margin:0 10px 0 0; }
#head p#helplogout { top:15px; }
#head p#helplogout a {
	font-size:12px;
	line-height:1.25;
	text-align:center;
	color:#FFF;
}
#head p#helplogout a:hover { color:#E40309; }

#head p#subnav { top:88px; }

/* headnav */
ul#headnav {
	padding:3px 0 0 3px;
	width:947px;
	height:29px;
	overflow:hidden;
	background:url(../images/sns/nav_bg.gif) no-repeat 0 0;
	position:absolute;
	top:118px;
	left:0;
}
ul#headnav li {
	display:block;
	width:auto;
	height:26px;
	float:left;
}
ul#headnav li a {
	display:block;
	width:105px;
	height:26px;
	text-decoration:none;
	text-indent:-9999px;
}

ul#headnav li a.nav {
	background:url(../images/sns/nav.jpg) no-repeat;
}

ul#headnav li a.nav_usr {
	background:url(../images/sns/nav_usr.jpg) no-repeat;
}

ul#headnav li a.nav_com {
	background:url(../images/sns/nav_com.jpg) no-repeat;
	width:158px;
}

ul#headnav li a#menu_1 { background-position:0 0; width:104px; }
ul#headnav li a#menu_2 { background-position:-104px 0; }
ul#headnav li a#menu_3 { background-position:-209px 0; }
ul#headnav li a#menu_4 { background-position:-314px 0; }
ul#headnav li a#menu_5 { background-position:-419px 0; }
ul#headnav li a#menu_6 { background-position:-524px 0; }
ul#headnav li a#menu_7 { background-position:-629px 0; }
ul#headnav li a#menu_8 { background-position:-734px 0; }
ul#headnav li a#menu_9 { background-position:-839px 0; }

ul#headnav li a#menu_1.current, ul#headnav li a#menu_1:hover { background-position:0 -26px; }
ul#headnav li a#menu_2.current, ul#headnav li a#menu_2:hover { background-position:-104px -26px; }
ul#headnav li a#menu_3.current, ul#headnav li a#menu_3:hover { background-position:-209px -26px; }
ul#headnav li a#menu_4.current, ul#headnav li a#menu_4:hover { background-position:-314px -26px; }
ul#headnav li a#menu_5.current, ul#headnav li a#menu_5:hover { background-position:-419px -26px; }
ul#headnav li a#menu_6.current, ul#headnav li a#menu_6:hover { background-position:-524px -26px; }
ul#headnav li a#menu_7.current, ul#headnav li a#menu_7:hover { background-position:-629px -26px; }
ul#headnav li a#menu_8.current, ul#headnav li a#menu_8:hover { background-position:-734px -26px; }
ul#headnav li a#menu_9.current, ul#headnav li a#menu_9:hover { background-position:-839px -26px; }

ul#headnav li a#menu_c1 { background-position:0 0; width:157px; }
ul#headnav li a#menu_c2 { background-position:-157px 0; }
ul#headnav li a#menu_c3 { background-position:-315px 0; }
ul#headnav li a#menu_c4 { background-position:-473px 0; }
ul#headnav li a#menu_c5 { background-position:-631px 0; }
ul#headnav li a#menu_c6 { background-position:-789px 0; }

ul#headnav li a#menu_c1.current, ul#headnav li a#menu_c1:hover { background-position:0 -26px; }
ul#headnav li a#menu_c2.current, ul#headnav li a#menu_c2:hover { background-position:-157px -26px; }
ul#headnav li a#menu_c3.current, ul#headnav li a#menu_c3:hover { background-position:-315px -26px; }
ul#headnav li a#menu_c4.current, ul#headnav li a#menu_c4:hover { background-position:-473px -26px; }
ul#headnav li a#menu_c5.current, ul#headnav li a#menu_c5:hover { background-position:-631px -26px; }
ul#headnav li a#menu_c6.current, ul#headnav li a#menu_c6:hover { background-position:-789px -26px; }

/* headnav */

/* SEARCH */
#search {
	width:320px;
	position:absolute;
	top:47px;
	right:10px;
}
#search dl {
	width:320px;
	overflow:hidden;
}
#search dl dt {
	float:left;
	padding:0 5px 0 0;
	width:109px;
	text-align:right;
}
#search dl dd {
	float:left;
	width:46px;
}
#search dl dd.textbox { width:160px; }
#search dl dd.textbox input { width:150px; }
/* SEARCH */
/* HEAD */

/* CONTAINER */
#container {
	padding:0 0 0 5px;
	float:left;
	width:720px;
	overflow:hidden;
}
/* CONTAINER */

/* INFOBOX */
#infobox {
	padding:0 0 10px;
	margin:0 0 15px;
	width:715px;
	background:url(../images/sns/info_bg_b.gif) no-repeat 0 bottom;
}
#infobox dl {
	padding:10px 15px 0;
	width:685px;
	background:url(../images/sns/info_bg_t.gif) no-repeat 0 top;
	position:relative;
}
#infobox dt {
	padding:0;
	width:130px;
	position:absolute;
	top:15px;
	left:15px;
}
#infobox dd {
	width:553px;
	margin:0 0 0 135px;
	background:#FFF;
	border:#C0C0C0 1px solid;
	min-height:85px;
	height:auto !important;
	height:85px;
	font-size:12px;
	line-height:1.25;
}
#infobox dd div#info_message p {
	font-size:12px;
	line-height:1.25;
}
#infobox dd ul { padding:5px; }
#infobox dd ul li {
	margin:0 0 3px;
	font-size:12px;
	line-height:1.25;
}
/* INFOBOX */

/* CENTERBOX */
#centerbox {
	padding:0 5px;
	margin:0 0 15px;
	float:right;
	width:440px;
}
#centerbox dl {
	margin:0 0 15px;
	width:440px;
}
#centerbox dt {
	padding:6px 5px 0 25px;
	height:20px;
	font-size:12px;
	line-height:1.25;
	background:url(../images/sns/ttl_center.gif) no-repeat 0 0;
}
#centerbox dd {
	font-size:12px;
	line-height:1.25;
}
/* CENTERBOX */

/* LEFTBOX */
#leftbox {
	margin:0 0 15px;
	float:left;
	width:270px;
}

#leftbox dl {
	margin:0 0 15px;
	width:270px;
}
#leftbox dt {
	padding:6px 5px 0 25px;
	height:20px;
	font-size:12px;
	line-height:1.25;
	background:url(../images/sns/ttl_left.gif) no-repeat 0 0;
}
#leftbox dd {
	padding:5px;
	font-size:12px;
	line-height:1.25;
	border:#C0C0C0 1px solid;
}

#leftbox #photobox {
	padding:5px;
	margin:0 0 15px;
	width:260px;
	height:275px;
	background:url(../images/sns/photo_bg.gif) no-repeat 0 0;
}
#leftbox #photobox dl {
	padding:10px;
	margin:0 auto 10px;
	width:228px;
	border:#C0C0C0 1px solid;
	background:#FFF;
	text-align:center;
}
#leftbox #photobox dt {
	padding:0;
	margin:0 0 10px;
	height:180px;
	font-size:9px;
	line-height:1.0;
	background:none;
}
#leftbox #photobox dd {
	padding:0;
	font-size:12px;
	line-height:1.25;
	border:none;	
}
#leftbox #photobox p {
	font-size:12px;
	line-height:1.25;
	overflow:hidden;
	width:260px;
}
#leftbox #photobox p a {
	padding:4px 0 0;
	margin:0 10px 0 0;
	display:block;
	width:125px;
	height:22px;
	background:url(../images/sns/photo_btn.gif) no-repeat 0 0;
	float:left;
	color:#EEE;
	text-decoration:none;
	text-align:center;
}
#leftbox #photobox p a:hover { background:url(../images/sns/photo_btn.gif) no-repeat 0 -26px; }
/* LEFTBOX */

/* SINGLEBOX */
/* #singlebox h2 { margin:0 0 15px; } */
#singlebox h2 {
	margin: 0;
	padding:6px 5px 0 25px;
	height:20px;
	font-size:12px;
	line-height:1.25;
}

#singlebox h2.ttl_703 {
	margin: 0 0 0 7px;
	background:url(../images/sns/ttl_703.gif) no-repeat 0 0;
}
#singlebox h2.ttl_686 {
	margin: 0 0 0 17px;
	background:url(../images/sns/ttl_686.gif) no-repeat 0 0;
}
#singlebox h2.ttl_660 {
	margin: 0 0 0 30px;
	background:url(../images/sns/ttl_660.gif) no-repeat 0 0;
}
#singlebox h2.ttl_654 {
	margin: 0 0 0 33px;
	background:url(../images/sns/ttl_654.gif) no-repeat 0 0;
}
#singlebox h2.ttl_652 {
	margin: 0 0 0 34px;
	background:url(../images/sns/ttl_652.gif) no-repeat 0 0;
}
#singlebox h2.ttl_650 {
	margin: 0 0 0 35px;
	background:url(../images/sns/ttl_650.gif) no-repeat 0 0;
}
#singlebox h2.ttl_590 {
	margin: 0 0 0 65px;
	background:url(../images/sns/ttl_590.gif) no-repeat 0 0;
}
#singlebox h2.ttl_584 {
	margin: 0 0 0 68px;
	background:url(../images/sns/ttl_584.gif) no-repeat 0 0;
}
#singlebox h2.ttl_582 {
	margin: 0 0 0 69px;
	background:url(../images/sns/ttl_582.gif) no-repeat 0 0;
}
#singlebox h2.ttl_577 {
	margin: 0 0 0 72px;
	background:url(../images/sns/ttl_577.gif) no-repeat 0 0;
}

#singlebox dl {
	padding:0 0 5px;
	margin:0 0 10px;
	border-bottom:1px #CCC dotted;
	width:715px;
	overflow:hidden;
}
#singlebox dt {
	width:115px;
	float:left;
	font-size:12px;
	line-height:1.25;
	text-align:center;
}
#singlebox dd {
	width:600px;
	float:left;
	font-size:12px;
	line-height:1.25;
}
/* SINGLEBOX */

/* SIDE */
#side {
	margin:0 0 15px;
	float:right;
	width:225px;
}
#side dl {
	margin:0 0 15px;
	width:225px;
}
#side dt {
	padding:6px 5px 0 25px;
	height:20px;
	font-size:12px;
	line-height:1.25;
	background:url(../images/sns/ttl_right.gif) no-repeat 0 0;
}
#side dd {
	/* padding:5px; */
	font-size:12px;
	line-height:1.25;
	/* border:#C0C0C0 1px solid;	*/
}
/* SIDE */

/* FOOT */
#foot {
	clear:both;
	padding:20px 0 0;
	height:45px;
	position:relative;
	text-align:center;
	background:url(../images/sns/foot_bg.gif) no-repeat 0 0;
}
#foot p {
	font-size:12px;
	line-height:1.25;
	margin:0;
}
#foot a.gotop {
	padding:0 0 0 18px;
	font-size:12px;
	line-height:1.5;
	background:url(../images/sns/gotop.gif) no-repeat 0 50%;
	position:absolute;
	top:0;
	right:10px;
}

#foot img#copy {
	position:absolute;
	top:45px;
	left:0;
}
/* FOOT */

/* common */
/* 行間設定 */

.lh_120 { line-height: 120% }

.lh_130 { line-height: 130% }

.lh_140 { line-height: 140% }

.lh_150 { line-height: 150% }

.lh_200 { line-height: 200% }

/* 主要なパディング */
.padding_ss {
	padding: 2px ;
}

.padding_s {
	padding: 5px ;
}

.padding_m {
	padding: 9px ;
}

.padding_l {
	padding: 14px ;
}

.padding_w_s {
	padding: 10px 30px ;
}

.padding_w_m {
	padding: 10px 60px ;
}

.padding_w_l {
	padding: 20px 90px ;
}

/* サイドバナ-用パディング */
.padding_side_banner {
	padding-left: 5px ;
}

/* 行間に空きを作る */

img.v_spacer_s {
	display: block ;
	width: 100% ;
	height: 3px ;
}

img.v_spacer_m {
	display: block ;
	width: 100% ;
	height: 5px ;
}

img.v_spacer_l {
	display: block ;
	width: 100% ;
	height: 8px ;
}

/* 空のセルに挿入すdummy */

img.dummy {
	display: block;
}

img.dot {
	display: block;
	height: 1px;
	width: 1px;
}

img.square {
	display: block;
	height: 7px;
	width: 7px;
}