@charset "shift_jis";

/*
	1: base
	2: layout
	3: index
	4: endorser
	5: s&s
*/

/* 1: base
----------------------------------------------- */


body {
	font-size:14px;
	line-height:1.5em;
	padding:0;
	margin:0;
	 font-family:'Univers LT W01 45 Light', "Gothic MB101 Light", sans-serif;
	-webkit-text-size-adjust: 100%;
}

.font-h,h1,h2 { font-family:'Univers LT W01 45 Light', "Gothic MB101 Light", sans-serif; font-weight:normal;}
.font-m,h3, strong { font-family:'Univers LT W01 55 Roman', "Gothic MB101 Regular", sans-serif; font-weight:normal;}
.font-b { font-family:'Univers LT W01 65 Bold', "Gothic MB101 Bold", sans-serif;}


* html body { behavior: url("js/csshover.htc"); } 

a img{border:0;}


.en { font-family:Helvetica, Arial, sans-serif; font-weight:100;}
.en2 { font-family:Helvetica, Arial, sans-serif; font-weight:100;}

pre, code, tt {
	font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace;
}
h1, h2, h3, h4, h5, h6, b, strong {
	font-weight: bold;
}
em, i, dfn {
	font-style: italic;
}
dfn {
	font-weight:bold;
}
p, code, pre, kbd {
	margin:0 0 1.5em 0;
	line-height:1.5em;
}
blockquote {
	margin:0 1.5em 1.5em 1.5em;
}
cite {
	font-style: italic;
}
li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin:0 1.5em 1.5em 1.5em;
}
ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
dl {
	margin:0 0 1.5em 0;
}
dl dt {
	font-weight:bold;
}
dd {
	margin-left:1.5em;
}
table {
	margin-bottom:1.4em;
	width:100%;
}
th {
	font-weight:bold;
}
th, td, caption {
	padding:4px 10px 4px 5px;
}
tfoot {
	font-style:italic;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom: 1px dotted;
}
address {
	margin:0 0 1.5em;
	font-style:italic;
}
del {
	text-decoration: line-through;
}
pre {
	margin:1.5em 0;
	white-space:pre;
}
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	display: inline;
}
img.alignleft {
	display: inline;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
* html .clearfix {
	height: 1%;
}
* + html .clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .group {
	height: 1%;
}
* + html .group {
	display: inline-block;
}
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* link and fontsize */

a,a:visited { color:#0099cc; text-decoration:none;}
a:hover { color:#3399cc; text-decoration:underline;}
.sml { font-size:10px}
.big{font-size:16px;}

/* align */

.t-center{text-align:center!important;}
.t-left{text-align:left!important;}
.t-right{text-align:right!important;}

.v-middle{vertical-align:middle!important;}

.justify{}

/* margin */


.m0{margin-bottom:0px!important;}
.m1{margin-bottom:1px!important;}
.m5{margin-bottom:5px!important;}
.m10{margin-bottom:10px!important;}
.m15{margin-bottom:15px!important;}
.m20{margin-bottom:20px!important;}
.m25{margin-bottom:25px!important;}
.m30{margin-bottom:30px!important;}
.m35{margin-bottom:35px!important;}
.m40{margin-bottom:40px!important;}
.m45{margin-bottom:45px!important;}
.m50{margin-bottom:50px!important;}
.m55{margin-bottom:55px!important;}
.m60{margin-bottom:60px!important;}
.m65{margin-bottom:65px!important;}
.m70{margin-bottom:70px!important;}
.m75{margin-bottom:75px!important;}
.m80{margin-bottom:80px!important;}
.m85{margin-bottom:85px!important;}
.m90{margin-bottom:90px!important;}
.m100{margin-bottom:100px!important;}
.m110{margin-bottom:110px!important;}
.m120{margin-bottom:120px!important;}
.m130{margin-bottom:130px!important;}
.m140{margin-bottom:140px!important;}


.mt1{margin-top:1px!important;}

/* padding-left */

.pd-l5{padding-left:5px;}
.pd-l10{padding-left:10px;}
.pd-l15{padding-left:15px;}
.pd-l20{padding-left:20px;}
.pd-l25{padding-left:25px;}
.pd-l30{padding-left:30px;}
.pd-l35{padding-left:35px;}
.pd-l40{padding-left:40px;}
.pd-l45{padding-left:45px;}

/* padding-bottom */

.pd-b5{padding-bottom:5px!important;}
.pd-b10{padding-bottom:10px!important;}
.pd-b15{padding-bottom:15px!important;}
.pd-b20{padding-bottom:20px!important;}
.pd-b25{padding-bottom:25px!important;}
.pd-b30{padding-bottom:30px!important;}
.pd-b35{padding-bottom:35px!important;}
.pd-b40{padding-bottom:40px!important;}
.pd-b45{padding-bottom:45px!important;}

/* font */

.fs9{font-size:9px!important;}
.fs10{font-size:10px!important;}
.fs12{font-size:12px!important;}
.fs14{font-size:14px!important;}
.fs16{font-size:16px!important;}
.fs18{font-size:18px!important;}
.fs20{font-size:20px!important;}
.fs22{font-size:22px!important;}
.fs24{font-size:24px!important;}
.fs26{font-size:26px!important;}

.letter-m1{}
.letter-m2{}
.letter-p1{}
.letter-p2{}

.nowrap{white-space:nowrap;}

.l-height1{line-height:1;}
.l-height12{line-height:1.2;}


/* 2: layout
----------------------------------------------- */

/*
===== frame =====
*/

.frame{
	position:relative;
	margin:0 auto;
	text-align:left;
}

.wide .frame{
	width:1130px;
}
.medium .frame{
	width:930px;
}
.tablet .frame{
	width:720px;
}

.narrow .frame{
	margin-left:2%;
	margin-right:2%;
}



/*
===== nav =====
*/


#nav {
	background:#000;
	height:60px;
	text-align:center;
	min-width:320px;
	position:relative;
	z-index:10000;
}
#nav .frame{
	display:none;
}

.wide #nav .frame{
	display:block;
}
.medium #nav .frame{
	display:block;
}
.tablet #nav .frame{
	display:block;
}
.narrow #nav .frame{
	display:block;
}


#nav #logo {
	position:absolute;
	top:12px;
	left:0px;
	border:none;
}
.narrow #nav #logo{
	width:110px;
	left:4%;
	top:16px;
}
.narrow #nav #logo img{
	width:100%;
	height:auto;
}


#nav-menu {
	position:absolute;
	right:50px;
	margin:0;
	padding:0;
}
.not-narrow #nav-menu {
	display:block!important;
}

.narrow #nav-menu{
	display:none;
	top:60px;
	background:#000;
	width:100%;
	right:0;
}

#nav-menu .none{
	display:block;
	position:absolute;
	top:0px;
	height:60px;
}
.tab #nav-menu .none,
.narrow #nav-menu .none{
	display:none;
}
#nav-menu .li2 .none{
	width:80px;
}
#nav-menu .li5 .none{
	width:30px;
}



#nav-menu li {
	font-size:12px;
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	position:relative;
}
.narrow #nav-menu li {
	float:none;
}



#nav-menu a,
#nav-menu .label,
#nav-menu .flag{
	color:#999999;
	display:block;
	text-decoration:none;
	line-height:60px;
	padding:0 10px;
	cursor:pointer;
}

.narrow #nav-menu a,
.narrow #nav-menu .label{
	line-height:inherit;
	padding:8px 10px;
}

#nav-menu a:hover,
#nav-menu .label:hover,
#nav-menu .flag:hover,
#nav-menu .label-open{
	color:#fff;
	background:#262626;
	text-decoration:none;
}
#nav-menu .label:hover a{
	background:none;
}

#nav-menu div.sub{
	position:absolute;
	background:#262626;
	left:50%;
	margin-left:-95px;
	top:60px;
	min-width:190px;
	border-radius:0 0 3px 3px;
	display:none;

}

.pc #nav-menu li:hover div.sub{
	display:block;
}
/*
.tab #nav-menu div.sub.open{
	display:block;
}
*/
.tab #nav-menu .flag{
}


.narrow #nav-menu div.sub{
	position:static;
	margin:0;
}


#nav-menu ul {
	position:static;
	margin:0;
	padding:0 0 3px 0;
}
.narrow #nav-menu ul{
	padding:7px 0;
}

#nav-menu ul li{
	float:none;
}

#nav-menu div.sub a {
	line-height: normal;
	padding:5px 10px 5px 10px;
}
.tablet #nav-menu div.sub a{
	padding:8px 10px 8px 10px;
}
.narrow #nav-menu div.sub a{
	padding:8px 10px 8px 10px;
}

#nav-menu div.sub a:hover{
	background:#333333;
}
.narrow #nav-menu div.sub a:hover{
	background:none;
}


/* not-narrow */

.not-narrow #nav-menu li.open div.new-sub,
.not-narrow #nav-menu li:hover div.new-sub{
	display:block;
}

.not-narrow #nav-menu .li2 .sub,
.narrow #nav-menu .li2 .new-sub{
	display:none!important;
}

.not-narrow #nav-menu .new-sub{
	position:absolute;
	background:#262626;
	left:0%;
	top:60px;
	width:549px;
	margin-left:-159px;
	color:#fff;
	height:180px;
	overflow:hidden;
	display:none;

}

.new-sub .head-group{
	float:left;
	width:185px;
}
.new-sub .item-group{
	float:right;
	width:364px;
	
	display:none;
}

.new-sub.flag1 .item-group1,
.new-sub.flag2 .item-group2,
.new-sub.flag4 .item-group4,
.new-sub.flag5 .item-group5,
.new-sub.flag6 .item-group6{display:block;}

.new-sub .head-group .head3,
.new-sub .item-group3{display:none!important;}

#nav-menu .new-sub .head-group li{
	cursor:pointer;
	line-height:30px;
	padding-left:5px;
	word-spacing:-1px;
}

#nav-menu .new-sub.flag1 .head1,
#nav-menu .new-sub.flag2 .head2,
#nav-menu .new-sub.flag3 .head3,
#nav-menu .new-sub.flag4 .head4,
#nav-menu .new-sub.flag5 .head5,
#nav-menu .new-sub.flag6 .head6{
	background:#E6E6E6;
	color:#000;
}



#nav-menu .new-sub .item-group li{
	float:left;
	margin:0;
	padding:0;
}
#nav-menu .new-sub .item-group li a{
	padding:0;
	margin:0;
	display:block;
	background:#fff;
}
#nav-menu .new-sub .item-group li a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}





/* nallow */

.navbar-toggle {
  position: absolute;
  right:15px;
  top:12px;
  padding: 9px 10px 5px 10px;
  margin-bottom: 8px;
  border: 1px solid #333333;
  border-radius: 4px;
  display:none;
  cursor:pointer;
}
.narrow .navbar-toggle{
	display:block;
}

.navbar-toggle-open,
.navbar-toggle:hover{
	background:#333;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background:#fff;
  overflow:hidden;
  margin-bottom: 4px;
}


/*
===== header =====
*/


#header {
	margin:0;
	padding:0;
}
.narrow #header{
	height:auto;
	margin:0 0 30px 0;
}

#header .inner{
	background:#fff;
	z-index:1000;
	width:100%;
	top:0px;
	padding:5px 0;
}
#header.fixed .inner{
	position:fixed;
}
.narrow #header.fixed .inner{
	position:relative;
}
#header .frame{
}


#header h1 {
	font-weight:normal;
	line-height:1em;
	font-size:24px;
	margin:0;
	padding:0;
}
#header h1 img{
}

.narrow #header h1{
	margin-left:4%;
	margin-right:4%;
}


#header ul{
	margin:0;
	padding:0;
	position:absolute;
	right:0px;
	top:0px;
}
.tablet #header ul{
	margin-left:140px;
	text-align:right;
}

.narrow #header ul{
	position:relative;
	margin-left:4%;
	margin-right:4%;
}

#header li{
	float:left;
	margin:0 3px 0 0;
	padding:0;
	list-style:none;
	font-size:12px;
}
.tablet #header li{
	float:none;
	display:inline;
}


.narrow #header li{
	float:none;
	margin:0;
	border-bottom:1px solid #F0F0F0;
	font-size:13px;
}



#header li a{
	display:inline-block;
	padding:3px 5px;
	color:#9DA1A1;
}
.narrow #header li a{
	display:block;
	color:#000;
	padding:8px 4%;
}

#header li a:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
}
.narrow #header li a:hover{
	background:none;
	color:#b2b2b2;
}

#header li.current a,
#header li .current{
	color:#fff;
	background:#000;
}

.narrow #header li.current a,
.narrow #header li .current{
	color:#b2b2b2;
	background:none;
}





.chicago { font-weight:normal;}
.bankgothic { font-weight:normal;}


* html #u-top #header li a{ padding:5px 10px;}

#u-top #header h1 { color:#fff; text-shadow:1px 1px 0 #000;}


/* contents */

#breadcrumbs,
#lead{
	display:none;
}


#contents {
	width:1130px;
	margin:40px auto 0 auto;
	position:relative;
}


#main{
	width:768px;
	float:right;
	margin-bottom:10px;
	position:relative;
}

#lcontents {
	width:324px;
	float:left;
	margin-bottom:10px;
}


.medium #contents{width:940px;}
.medium #main{width:747px;}
.medium #lcontents{width:160px;}

.tablet #contents{width:730px;}
.tablet #main{width:550px;}
.tablet #lcontents{width:160px;}


.narrow #contents {
	width:100%;
	margin:2px auto 0 auto;
	position:relative;
}
.narrow #main{
	width: auto;
	float: none;
	margin-bottom:10px;
}

.narrow #lcontents {
	width: auto;
	float: none;
	margin-bottom:10px;
}


.narrow #main td{
	vertical-align:top;
}


#lcontents h2 { margin:0 0 48px; padding:0; font-size:25px;}

#rcontents { width:100%; padding:200px 0 0 0; min-height:600px; background:url(../images/back1.gif) repeat-y; margin-bottom:1px;}
#rcontents .wrap { padding-left:360px;}
#rcontents .list,
#rcontents .awards li { border-top:solid 1px #ebebeb;}
#rcontents .user { width:580px; padding:25px 0 25px 40px;}
#rcontents .user p { margin-bottom:0;}
#rcontents .user h3 { margin:15px 0;}
#rcontents .user .occu { font-size:10px;}
#rcontents .user a { font-size:12px;}
#rcontents .flag { margin:30px 0 10px; font-size:12px; color:#999;}
#rcontents .flag img { border:solid 1px #999; vertical-align:middle; margin-right:8px; line-height:1;}
#rcontents .awards { margin:0; padding:0; border-bottom:solid 1px #ebebeb;}
#rcontents .awards li { margin:0; padding:0; list-style:none;}
#rcontents .awards li .left { float:left; width:120px; margin-left:40px; padding:10px 0; text-align:center; line-height:1;}
#rcontents .awards li .right { float:left; width:460px; margin-left:40px; padding:10px 0; line-height:1.2em;}
#rcontents .awards li .ltd { font-size:11px;}
#rcontents .awards li .name { }
#rcontents .awards li .awd {}
#rcontents .awards li .lnk { font-size:11px; margin-top:10px; display:block;}






/* footer */

#footer {
	margin-top:10px;
	clear:both;
	padding-bottom:30px;
}
#footer a, #footer a:visited {}


#pagetop{
	height:50px;
	background: url(../images/icn_pagetop.png) center no-repeat;
	background-size:50px 50px;
	-webkit-background-size: 50px 50px;
	cursor:pointer;
}
.wide #pagetop,
.medium #pagetop{
	display:none;
}

.narrow #pagetop{
	margin-bottom:25px;
}



#f-denso{
	margin-bottom:5px;
	padding-top:30px;
}
#copyright{
	font-size:10px;
	color:#ccc;
}

.narrow #f-denso,
.narrow #copyright{
	text-align:center;
	font-size:9px;
}


#f-social{
	position:absolute;
	top:0px;
	right:0px;
	list-style:none;
	margin:0;
	padding:0;
}
.narrow #f-social{
	position:relative;
	top:auto;
	right:auto;
	margin:0 auto;
	height:30px;
	width:170px;
}

#f-social .icon{
	cursor:pointer;
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}
#f-social .open .icon,
#f-social li:hover .icon{
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}


#f-social li{
	float:left;
	margin:0 0 0 20px;
	padding:0;
	position:relative;
	display:inline;
}

#f-social .child{
	position:absolute;
	bottom:33px;
	left:-90px;
	background:url(../images/f-social.jpg) -70px bottom no-repeat #000;
	font-size:10px;
	width:130px;
	visibility:hidden;
}

.narrow #f-social .child{
	background:url(../images/f-social.jpg) bottom no-repeat #000;
	left:-50px;
}

#f-social .open .child{
	visibility:visible!important;
}
#f-social .f-fb{
	height:30px;
	overflow:hidden;
}

#f-social .f-fb:hover,
#f-social .f-fb.open{
	height:auto;
	overflow:visible;
}

#f-social .child ul{
	margin:0;
	padding:10px 8px 17px 8px;
	list-style:none;
}

#f-social .f-fb .child,
#f-social .f-gplus .child{
}


#f-social .child li{
	float:none;
	display:block;
	border-bottom:1px solid #333;
	padding-bottom:1px;
	margin:0 0 1px 0;
	text-align:center;
}
#f-social .child li.lastChild{
	border:0;
	margin-bottom:0;
}




#f-social .child a{
	color:#999;
}
#f-social .child a:hover{
	color:#fff;
	text-decoration:none;
}

.fb-like{
	height:0!important;
	overflow:hidden!important;
}

.open{
}
.open .fb-like,
#f-social .f-fb:hover .fb-like{
	height:auto!important;
}


#f-lang{
	position:absolute;
	top:20px;
	right:0px;
	list-style:none;
	margin:0;
	padding:0;
}
#footer #f-lang{
	display:none;
}

.narrow #f-lang{
	position: static;
	top:auto;
	right:auto;
}



#f-lang li{
	margin:0;
	padding:0;
	list-style:none;
}

#f-lang li ul{
	display:none;
	position:absolute;
	bottom:16px;
	right:0;
	margin:0;
	padding:0 0 9px 0;
}

#nav #f-lang li ul{
	bottom:auto;
	top:16px;
	background:#fff;
	padding:5px ;
}


#f-lang li:hover ul{
	display:block;
}
.narrow #f-lang li:hover ul{
	display:none;
}
#f-lang li ul li{
	text-align:right;
	margin-bottom:6px;
	font-size:12px;
	white-space:nowrap;
}
#f-lang li ul li img{
	vertical-align:middle;
	position:absolute;
	right:0;
}
#f-lang li ul li a{
	color:#333;
	display:block;
	position:relative;
	padding-right:30px;
}

#nav #f-lang li ul li{
	text-align:left;
}



#access_log{
	position:absolute;
	left:-9000px;
	top:-9000px;
}


#fb-root{
	position:absolute;
	left:-10000px;
}

#access_log{
	position:absolute;
	left:-9000px;
	top:-9000px;
}


/* 3: index
----------------------------------------------- */

#u-top .flexslider{
	margin-bottom:70px;
}


#user-index{
	text-align:center;
	margin-bottom:40px;
}
#user-index .frame{
}
.medium #user-index .frame{
}
.tablet #user-index .frame{
}
.narrow #user-index .frame{
	margin:0;
	width:100%;
}


/* list */


.userlist{
	width:100%;
	margin-bottom:30px;
	display: inline-block;
}
.userlist:after{content: ".";display: block;height:0;overflow:hidden;clear:both;visibility: hidden;}


.userlist ul{
	list-style:none;
	margin:0;
	padding:0;
}


.userlist li{
	list-style:none;
	line-height:1.2;
	float:left;
	min-width:158px;
	padding:0;
	border:1px solid #E9E9E9;
	margin:0 1px 1px 0;
	text-align:center;
	color:#808080;
	position:relative;
}

.userlist li a,
.userlist li span{
	display:block;
	padding:5px 10px;
}

.userlist .head{
	background:#000;
	color:#fff;
	text-align:center;
	border:1px solid #000;
}


.wide .userlist li{
	width:185px;
}
.medium .userlist li{
	width:183px;
}
.tablet .userlist li{
	width:177px;
}


.narrow .userlist li{
	width:49%;
	min-width:inherit;
	padding:0;
}

.userlist li a{
	color:#000000;
}

.userlist li .new{
	color:#fff;
	background:#CB0000;
	position:absolute;
	right:0px;
	top:0px;
	font-size:9px;
	line-height:10px;
	overflow:hidden;
	padding:0 2px;
}


/* news */
.usernews{
	width:537px;
	float:left;
	margin-bottom:25px;
	padding-top:30px;
}

.ssnews{
	width:537px;
	float:right;
	margin-bottom:25px;
	padding-top:30px;
}

.medium .usernews,
.medium .ssnews{
	width:445px;
}

.tablet .usernews,
.tablet .ssnews{
	width:100%;
	float:none;
}
.narrow .usernews,
.narrow .ssnews{
	width:94%;
	float:none;
	margin-left:auto;
	margin-right:auto;
}



* html #user-index a{zoom:1;}

#user-index h2{
	font-size:30px;
	padding:0;
	margin:0 0 15px 0;
}

ul.news{
	margin:0 0 20px 0;
	padding:0;
}

ul.news li {
	list-style:none;
	padding:5px 0px;
	border-bottom:solid 1px #dadada;
	line-height:1.6em;
	font-size:12px;
}
ul.news li:hover { background:#f0f2f2;}

ul.news li a { color:#000; text-decoration:none; display:block;}
ul.news li:hover a{ color:#000}


ul.news li strong { font-weight:normal}

ul.news li .icon{
	font-size:10px;
	color:#fff;
	background:#000;
	padding:0 2px;
	margin-right:5px;
}
ul.news li .date{
	color:#666666;
	font-size:11px;
}




/* old */

#main .list,
#main .awards li { border-top:solid 1px #ebebeb;}
#main .user { width:580px; padding:25px 0 25px 40px;}
#main .user p { margin-bottom:0;}
#main .user h3 { margin:15px 0;}
#main .user .occu { font-size:10px;}
#main .user a { font-size:12px;}
#main .flag { margin:30px 0 10px; font-size:12px; color:#999;}
#main .flag img { border:solid 1px #999; vertical-align:middle; margin-right:8px; line-height:1;}
#main .awards { margin:0; padding:0; border-bottom:solid 1px #ebebeb;}
#main .awards li { margin:0; padding:0; list-style:none;}
#main .awards li .left { float:left; width:120px; margin-left:40px; padding:10px 0; text-align:center; line-height:1;}
#main .awards li .right { float:left; width:460px; margin-left:40px; padding:10px 0; line-height:1.2em;}
#main .awards li .ltd { font-size:11px;}
#main .awards li .name { }
#main .awards li .awd {}
#main .awards li .lnk { font-size:11px; margin-top:10px; display:block;}


.u-list #main h2{
	margin:0 0 4px 0;
}





/* 4: endorser
----------------------------------------------- */

/* side */


.left-userlist{
	width:100%;
	margin-bottom:30px;
	display: inline-block;
}
.left-userlist:after{content: ".";display: block;height:0;overflow:hidden;clear:both;visibility: hidden;}


.left-userlist ul{
	list-style:none;
	margin:0;
	padding:0;
}

.left-userlist li{
	list-style:none;
	float:left;
	width:158px;
	border:1px solid #E9E9E9;
	margin:0 1px 1px 0;
	text-align:center;
	color:#808080;
	position:relative;
	line-height:1.2;
}

.left-userlist .head{
	padding:px 0;
	width:158px;
	border:1px solid #000;
	background:#000;
	color:#fff;
	float:left;
	line-height:1.5;
}

.narrow .left-userlist .head{
	width:49%;
}


.narrow .left-userlist li{
	width:49%;
	min-width:inherit;
	padding:0;
}

.left-userlist li a{
	color:#000000;
	display:block;
	padding:3px 10px;
}

.left-userlist li .new{
	color:#fff;
	background:#CB0000;
	position:absolute;
	right:0px;
	top:0px;
	font-size:9px;
	line-height:10px;
	overflow:hidden;
	padding:0 2px;
}


.left-userlist a:hover{
	background:#D5D6D5;
	color:#333;
	text-decoration:none;
}
.left-userlist .current{
	background:#AAA9A9;
	color:#fff;
}



/* main */

#introduction{
	margin:20px 0%;
}
.narrow #introduction{
	margin-left:3%;
	margin-right:3%;
}

.interview-img{
	margin:20px 0;
}


.u-list .q:before{
	content:'�� ';
}
* html .u-list .q{
	list-style:inside disc ;
	display:list-item;
}
*:first-child+html .u-list .q{
	list-style:inside disc ;
	display:list-item;
}

.narrow .profile{
	margin-left:3%;
	margin-right:3%;
}
.narrow .main-box .profile{
	margin-left:0;
	margin-right:0;
}

.profile h3 {
	margin-top:60px;
	border-bottom:solid 1px #ebebe8;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:16px;
}
.narrow .profile h3{
	margin-top:30px;
}

.profile h4 { font-family:ShinGoPro-Light !important; font-weight:normal; font-size:20px; line-height:1.2em; margin-bottom:20px}
.profile .kata { font-size:12px;}

.profile-body{
	font-size:12px;
	display: inline-block;
	width:100%;
}
.profile-body:after{content: ".";display: block;height:0;clear:both;visibility: hidden; overflow:hidden;}


.profile-body .image {
	float: left;
	margin-right: 10px;
	margin-bottom:5px;
}
.profile-body .image img{
	vertical-align:top;
}

#main .profile-body .text{
	padding:0px 0px 10px 0px;
}
.narrow #main .profile-body .text{
	padding:0px 0px 10px 0px;
}

.profile-body table{
	width:auto;
}
.profile-body td{
	padding:0 10px 0px 0;
}

#ipod_map,
#map_canvas{
	width:524px;
	height:300px;
	clear:both;
	margin-bottom:30px;
	position:relative;
	top:10px;
}


.u-list .main-box .block .side{
	float:right;
	font-size:85%;
	color:#7f7f7f;
}

.narrow .main-box{
	margin-left:2%;
	margin-right:2%;
}

.main-box .block{
	margin:20px 0;
}

.caption{
	text-align:right;
	color:#555;
	font-size:90%;
}



/* new */

#main .katagaki{margin-bottom:1px;}
#main .katagaki p{font-size:11px; margin:0; padding:3px 12px; background:#1a1a1a; color:#fff; display:inline-block;}
* html #main .katagaki p{ display:inline;}
*:first-child+html #main .katagaki p{ display:inline;}

#main .name{margin-bottom:1px;}
#main .name h1{font-size:36px;margin:0; padding:5px 12px; background:#1a1a1a; color:#fff; display:inline-block; line-height:1.2em;}
* html #main .name h1,
* html #main .name p{ display:inline;}

*:first-child+html #main .name h1,
*:first-child+html #main .name p{ display:inline;}

#main .kana{}
#main .kana p{font-size:11px; margin:0; padding:3px 12px; background:#1a1a1a; color:#fff; display:inline-block;}
* html #main .kana p{ display:inline;}
*:first-child+html #main .kana p{ display:inline;}

#main .img{margin:10px 0 0;}
#main .img img{display:block;}

#main img{
	max-width:100%;
}
#main td img{
	max-width:inherit;
	height:auto;
}

.narrow #main td img{
	max-width:130px;
}

.tablet #main .alignright,
.narrow #main .alignright{
	width:45%;
	margin-left:10px;
}
.tablet #main .alignright img{
	width:100%;
	height:auto;
}

#main .intro{background:#1a1a1a; padding:30px 40px; color:#fff;}

.narrow #main .intro{
	padding:20px 4%;
}

#main .intro h2{line-height:1.4em; margin:0; padding:0;}

.narrow #main .intro h2{
	font-size:117%;
}

#main .text{
	padding:40px 0px 1px 0px;
}
.narrow #main .text{
	padding:20px 4%;
}
.narrow #main .text iframe{
	width:300px;
	height:169px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#main .text h2{
	margin-bottom:10px;
	margin-top:35px;
}
#main .text h2:first-child{
	margin-top:0;
}


#main .prof{ padding-bottom:1px;}
#main .prof h3{font-size:11px; margin:40px 0 0; padding:2px 12px 0 40px; background:#1a1a1a; color:#fff; display:inline-block;}


* html #main .prof h3{display:inline;}
*:first-child+html #main .prof h3{display:inline;}

.narrow #main .prof h3{
	margin:0px 0 0 ;
}

#main .prof p{padding:10px 0px 40px 0px;}

.narrow #main .prof p{
	padding:10px 4%;
}

.results{
	margin:0 0px 15px 0;
	padding:20px;
	border:solid 1px #e5e5e5;
	clear:both;
}
.results dd{
	margin-bottom:10px;
}

.narrow .results-top{
	margin:10px 0 0 0 ;
	padding:10px;
}
.narrow .results{
	margin:0 0 10px 0;
	padding:10px;
}

.results-top{
	margin:40px 0px 0 0;
	padding:20px;
	border:solid 1px #e5e5e5;
	clear:both;
	border-width:1px 1px 0 1px;
}

#main h3.head{
	font-size:100%;
	margin-bottom:5px;
}

/*----- page-navi -----*/

.u-list #page-navi{
	text-align:center;
	margin:25px 0px;
}

.u-list #page-navi .back{
	padding-right:9px;
}

.u-list #page-navi .page{
	color:#c80000;
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#959595;
	padding:0px 8px 0px 13px;
}


.u-list #page-navi .next{
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#959595;
	padding-left:13px;

}


/*----- page-navi2 -----*/

.u-list #page-navi2{
	margin:20px 0px 25px 0px;
	padding-top:25px;
	border-width:1px 0px 0px 0px;
	border-color:#959595;
	border-style:solid;
	color:#959595;
}

.u-list #page-navi2 li{
	margin-bottom:5px;
	list-style:none;
}


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



ul.menu { margin:0; padding:0; background:#000;}
ul.menu li { margin:0; padding:0; list-style:none; padding:10px 15px;}
ul.menu li:hover { background:#f0f2f2}
ul.menu a { background:url(../images/arrow1.png) no-repeat left center; padding:0 0 0 13px; display:block; color:#fff}
* html ul.menu a { background:url(../images/arrow1-black.gif) no-repeat left center; }
ul.menu li:hover a {color:#3399cc}

a.arrow1 { background:url(../images/arrow1.png) no-repeat left center; padding:0 0 0 13px;}
* html a.arrow1 { background:url(../images/arrow1-white.gif) no-repeat left center; }

a.arrow1:hover { text-decoration:underline;}

table.spec { border-collapse:separate; border-spacing:0; border-top:solid 1px #b3b3b3; border-left:solid 1px #b3b3b3;}
table.spec th,
table.spec td { border-bottom:solid 1px #b3b3b3; border-right:solid 1px #b3b3b3; margin:0; text-align:center;}
table.spec th { text-align:left; font-weight:normal; color:#666;}
table.spec td.rnon { border-right:none;}
table.spec td.left { text-align:left;}
table.spec tr.d1 th,
table.spec tr.d1 td { background:#f5f5f5}
table.spec tr.d2 th,
table.spec tr.d2 td { background:#ededed}
.cata { width:150px; padding:0 20px; float:left;}

table.baloontable { border-collapse:separate; border-spacing:0; padding:0; margin:0;}
table.baloontable th,
table.baloontable td { text-align:left !important; border-bottom:1px solid #dadada; font-size:12px; line-height:1.2em;}
.shopbtn { text-align:center; font-size:12px;}
.shopbtn a { color:#000; background:#ebebeb; display:inline-block; text-decoration:none; padding:1px 10px; font-weight:normal;-webkit-border-radius: 10px; margin:10px 10px 0; }
.shopbtn a:hover { background:#000; color:#fff;}
.shopdtl { font-size:12px; overflow:auto}
.shopdtl h3 { border-top:solid 1px #dadada; padding-top:15px;}





.userbody {
/*
	width:524px; padding-left:40px; padding-bottom:40px;
*/
}
.userbody .kata { font-size:12px;}
.userbody .profile { margin-top:60px; border-bottom:solid 1px #ebebe8;}


table.listtable { border-collapse:separate; border-spacing:0; border-top:solid 1px #ebebe8; }
table.listtable th,
table.listtable td { border-bottom:solid 1px #ebebe8; margin:0; text-align:left; font-weight:normal; vertical-align:top; font-size:12px;}
table.listtable td a { margin-left:10px;}

.newsbody { width:524px; padding-left:40px; padding-bottom:40px;}
.newsbody h2 { font-size:24px; line-height:1.2em;}
.newsbody table { border-top:solid 1px #ccc;}
.newsbody table td,
.newsbody table th { border-bottom:solid 1px #ccc; text-align:left; vertical-align:top;}
.newsbody ul.news {}
.newsbody ul.news li .left { float:left; width:100px;}
.newsbody ul.news li .right { float:right; width:414px;}


.mori { font-weight:normal; font-size:28px; line-height:1.2em; margin-bottom:40px}
.mori2 {font-weight:normal; font-size:18px; line-height:1.2em; margin-bottom:20px}
.mori3 { font-weight:normal; font-size:18px;}

.minch { font-size:28px; line-height:1.2em; font-weight:normal !important; margin-bottom:40px}
.minch2 { font-size:24px; line-height:1.2em; font-weight:normal !important; margin-bottom:40px}
.mint { font-size:12px;}


.reset *{
	margin:0;
	padding:0;
	border:0;
}
.reset img{
	vertical-align:bottom;
}


/* 5: s&s
----------------------------------------------- */


#main.sight #head{
	min-height:65px;
	position:relative;
}
#main.sight #head:after{content: ".";display: block;height:0;clear:both;visibility: hidden; overflow:hidden;}

#main.sight .subtitle{
	font-size:11px;
	position: absolute;
	margin:0;
	padding:12px 7px;
	color:#999;
	line-height:1.2em;
	font-weight:bold;
	width:80px;
	text-align:center;
}
#main.sight .title{
	border-left:94px solid #1a1a1a;
	padding:5px 0 0 16px;
}
#main.sight .number{
	font-size:16px;
	margin:0 0 3px;
	padding:0;
	line-height:1.2em;
}
#main.sight h1{
	font-size:28px;
	line-height:1.1em;
	margin:0;
	padding:0 0 6px 0;
}
#main.sight .img{margin:10px 0 0;}
#main.sight .img img{display:block}

.sight-contents{
	border-bottom:1px solid #fff;
	margin:30px 0;
}

.narrow .sight-contents{
	margin-left:2%;
	margin-right:2%;
}


.edge{
	margin-right:0px;
	margin-left:0;
}
.edge2{
	margin-right:0px;
	margin-left:25px;
}
.edge-left{
	margin-left:0px;
}

.float-text{
	overflow:hidden;
}
.float-text h3{
	margin-top:0;
}

.clear{clear:both;}


.sight-contents #page-navi{
	margin-top:60px;
}


.usernav {
	font-size:12px;
	position: absolute;
	top:0px;
	right:0px;
}
.tablet .usernav{
	width:300px;
}

.narrow .usernav{
	position:static;
	margin:10px 3%;
}

.usernav a {
	background: url(../images/arrow3.jpg) no-repeat 0px 6px;
	padding:0 0 0 12px;
	color:#000!important;
	display:block;
	margin-bottom:5px;
	line-height:1.3;
}

.usernav .current{
	background: url(../images/arrow3-gray.jpg) no-repeat 0px 6px;
	color:#B2B2B2!important;
}