@charset "UTF-8";

/**********************************************
User [All]
**********************************************/
/*---------------------------------------------
Container
---------------------------------------------*/
#user #container {
	width:650px; /* [width]650px+(padding:30px+30px)=710px */
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	padding:15px 30px;
	background-color:#ffffff;
	border:solid 1px #ff9900;
	font-size:12px;
	text-align:left;
}

/*----- Container [Title] -----*/
#user #title {
	width:650px;
}
#user #title_l {
	width:540px;
	float:left;
}
#user #title_r {
	width:110px;
	float:left;
}
#user #title_r a {
	display:block;
	width:110px;
	height:22px;
	background:#ff9900 url(../user/button/bn2.gif) no-repeat;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	text-decoration:none;
}
#user #title_r a:hover {
	background-image:url(../user/button/bn1.gif);
}

/*----- Container [Lead] -----*/
#user #lead {
	width:650px;
	line-height:18px;
}
#user #lead_l {
	width:50px; /* [width](padding:10px)+(left:50px)+(padding:10px)+(line:3px)+(padding:10px)+(right:557px)+(padding:10px)=650px */
	text-align:center;
	white-space:nowrap;
	padding:4px 10px;
	float:left;
}
#user #lead_r {
	width:557px;
	border-left:solid 3px #ff9900;
	padding:4px 10px;
	float:left;
}


/*---------------------------------------------
Tab
---------------------------------------------*/
/*----- Tab [Introduce] -----*/
#user #tab1 {
	width:650px;
	height:31px;
	border-bottom:solid 8px #ff9900;
	margin:20px 0;
}
#user #tab1-1 {
	width:118px; /* [width]118px+(margin:10px)=128px */
	height:25px; /* [height]25px+(line:6px)=31px */
	margin-right:10px;
	background:#ff9900 url(../user/button/tab1-2.gif) no-repeat;
	border-bottom:solid 6px #ff9900;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	float:left;
}
#user #tab1-2 {
	width:118px; /* [width]118px */
	height:25px; /* [height]25px+(line:6px)=29px */
	border-bottom:solid 6px #3fa545;
	float:left;
}
#user #tab1-2 a {
	display:block;
	width:118px; /* [width]118px */
	height:25px; /* [height]25px+(line:6px)=31px */
	background:#3fa545 url(../user/button/tab2-2.gif) no-repeat;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	text-decoration:none;
}
#user #tab1-2 a:hover {
	background-image:url(../user/button/tab2-1.gif);
	text-decoration:underline;
}
#user #tab1-3 {
	width:394px; /* [width]394px+(padding:10px)=404px */
	height:17px; /* [height]17px+(padding:8px)+(line:6px)=31px */
	padding:8px 0 0 10px;
	border-bottom:solid 6px #3fa545;
	float:left;
}

/*----- Tab [Interview] -----*/
#user #tab2 {
	width:650px;
	height:31px;
	border-bottom:solid 8px #3fa545;
	margin:20px 0;
}
#user #tab2-1 {
	width:118px; /* [width]118px */
	height:25px; /* [height]25px+(line:6px)=29px */
	margin-right:10px;
	border-bottom:solid 6px #ff9900;
	float:left;
}
#user #tab2-1 a {
	display:block;
	width:118px; /* [width]118px */
	height:25px; /* [height]25px+(line:6px)=31px */
	background:#ff9900 url(../user/button/tab1-2.gif) no-repeat;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	text-decoration:none;
}
#user #tab2-1 a:hover {
	background-image:url(../user/button/tab1-1.gif);
	text-decoration:underline;
}
#user #tab2-2 {
	width:118px; /* [width]118px+(margin:10px)=128px */
	height:25px; /* [height]25px+(line:6px)=31px */
	background:#ff9900 url(../user/button/tab2-2.gif) no-repeat;
	border-bottom:solid 6px #3fa545;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	float:left;
}
#user #tab2-3 {
	width:394px; /* [width]394px+(padding:10px)=404px */
	height:17px; /* [height]17px+(padding:8px)+(line:6px)=31px */
	padding:8px 0 0 10px;
	border-bottom:solid 6px #ffffff;
	float:left;
}


/*---------------------------------------------
Title
---------------------------------------------*/
#user #title h1 {
	padding-top:20px;
	font-size:14px;
	font-weight:bold;
}

#user h2#shop_title {
	background:#ff9900 url(../user/image/title.gif) no-repeat;
	width:600px; /* [width] 600px+(padding:50px)=650px */
	height:32px;
	margin:6px 0 20px 0;
	padding-left:50px;
	font-size:22px;
	line-height:32px;
	color:#ffffff;
	font-weight:bold;
}


/*---------------------------------------------
Link
---------------------------------------------*/
a:link		{text-decoration:none;color:#000000;}
a:visited	{text-decoration:none;color:#000000;}
a:active	{text-decoration:none;}
a:hover		{text-decoration:underline;color:#0000cc;}


/*---------------------------------------------
Footer
---------------------------------------------*/
#totop {
	width:710px;
	margin-top:10px;
	text-align:center;
}

#totop a {
	display:block;
	width:78px; /* [width]78px+(margin:346px+346px)=770px */
	height:11px;
	margin:0 346px;
	background-image:url(../user/button/ptop2.gif);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	/*\*/overflow:hidden;/**/
}

#totop a:hover {background-image:url(../user/button/ptop1.gif);}



/**********************************************
User [Introduce]
**********************************************/
/*---------------------------------------------
Container
---------------------------------------------*/
/*----- Container [Machine] -----*/
#user #introduce #machine {
	width:650px;
	background-color:#ff9900;
	margin-bottom:15px;
	line-height:18px;
}
#user #introduce #machine_l {
	width:150px;
	padding:10px 0;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	float:left;
}
#user #introduce #machine_r {
	width:500px;
	background-color:#ffcc66;
	padding:10px 0;
	float:left;
}
#user #introduce #machine_r ul {
	padding-left:10px;
}
#user #introduce #machine_r li {
	list-style-type:none;
}
#user #introduce #machine_r strong {
	display:block;
	height:14px;
	line-height:14px;
	border-left:solid 14px #000000;
	font-size:12px;
	padding-left:4px;
}

/*----- Container [Shop] -----*/
#user #introduce #shop {
	width:650px;
	margin:15px 0;
}
#user #introduce #shop_l {
	width:352px; /* [width]352px+(padding:12px)=364px */
	padding:15px 12px 0 0;
	float:left;
}
#user #introduce #shop_l p#photo_fujicho {
	background:#ffffff url(../user/image/photo_shade.gif) repeat;
	width:352px;
	height:258px;
}
#user #introduce #shop_l p#photo_miyoshiya,
#user #introduce #shop_l p#photo_fujiseipan {
	background:#ffffff url(../user/image/photo_shade.gif) repeat;
	width:352px;
	height:265px;
}
#user #introduce #shop_l p#photo_hogetudo {
	background:#ffffff url(../user/image/photo_shade.gif) repeat;
	width:352px;
	height:233px;
}
#user #introduce #shop_l p#photo_nmf {
	background:#ffffff url(../user/image/photo_shade.gif) repeat;
	width:352px;
	height:232px;
}
#user #introduce #shop_r {
	width:286px;
	float:left;
}
#user #introduce #shop_r h2 {
	background:#ffffff url(../user/image/icon_1.gif) no-repeat;
	padding-left:26px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#user #introduce #shop_r h2 span {
	font-size:11px;
	font-weight:normal;
}
#user #introduce #shop_r img {
	margin:6px 0;
}
#user #introduce table.shop_info {
	width:286px;
}
#user #introduce table.shop_info th,
#user #introduce table.shop_info td {
	padding:2px;
	vertical-align:top;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
}
#user #introduce table.shop_info th {
	white-space:nowrap;
}
#user #introduce table.shop_info td img {
	margin-bottom:4px;
}

#user #introduce h2#branch_table_title {
	background:#ffffff url(../user/image/icon_1-2.gif) no-repeat;
	background-position:left;
	height:20px;
	margin-top:15px;
	margin-bottom:2px;
	padding-left:26px;
	color:#5ab349;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	text-align:left;
}
#user #introduce table.shop_info th.branch_title {
	font-weight:bold;
}

/*----- Container [Person] -----*/
#user #introduce #person {
	width:650px;
	margin:15px 0;
}
#user #introduce #person_l {
	width:280px; /* [width]280px+(padding:10px)=290px */
	padding:15px 10px 0 0;
	float:left;
}
#user #introduce #person_l #name_box {
	background:#ffffff url(../user/image/icon_2.gif) no-repeat;
	height:32px; /* [height](line-height:20px)+(line-height:12px)=32px */
	padding:0 0 4px 26px;
	clear:both;
}
#user #introduce #person_l p#name {
	height:14px;
	padding-top:6px;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
}
#user #introduce #person_l p#name span {
	height:12px;
	font-size:12px;
	font-weight:normal;
	line-height:12px;
}
#user #introduce #person_l hr {
	color:#cccccc;
	background-color:#cccccc;
	border-style:none;
	width:280px;
	height:1px;
}
#user #introduce #person_l div.comment_box {
	padding-top:4px;
	line-height:20px;
}
#user #introduce #person_r {
	width:360px;
	float:left;
}
#user #introduce #person_r p {
	background:#ffffff url(../user/image/photo_shade.gif) repeat;
	width:352px;
	height:265px;
}

/*----- Container [Lineup] -----*/
#user #introduce #lineup {
	width:650px;
	margin:15px 0;
}
#user #introduce #lineup h2 {
	background:#ff9900 url(../user/image/lineup.gif) no-repeat;
	width:145px; /* [width]145px+(padding:30px)=175px */
	height:20px; /* [height]20px+(padding:5px)=25px */
	margin-bottom:8px;
	padding:5px 0 0 30px;
	color:#ffffff;
	font-size:14px;
}
#user #introduce #lineup_l {
	width:450px;
	float:left;
}
#user #introduce #lineup_r {
	width:200px;
	float:left;
}
#user #introduce #lineup_l2 {
	width:295px;
	float:left;
}
#user #introduce #lineup_r2 {
	width:355px;
	float:left;
	text-align:right;
}
#user #introduce #lineup_l3 {
	width:340px;
	float:left;
}
#user #introduce #lineup_r3 {
	width:310px;
	float:left;
}
#user #introduce #lineup_l4 {
	width:210px;
	float:left;
}
#user #introduce #lineup_r4 {
	width:440px;
	float:left;
}

#user #introduce #lineup_l li,
#user #introduce #lineup_l2 li,
#user #introduce #lineup_l3 li {
	list-style-type:none;
	margin-top:2px;
}

#user #introduce #lineup_r3 .lineup_inbox {
	width:155px;
	float:left;
	font-size:10px;
	text-align:center;
}


/*---------------------------------------------
Line
---------------------------------------------*/
#user #introduce hr.line_orange {
	color:#ff9900;
	background-color:#ff9900;
	border-style:none;
	width:650px;
	height:2px;
	text-align:left;
}



/**********************************************
User [Interview]
**********************************************/
/*---------------------------------------------
Container
---------------------------------------------*/
/*----- Container [Question,Answer] -----*/
#user #interview .question,
#user #interview .answer {
	font-size:14px;
}

#user #interview .question {
	background:#ffffff url(../user/image/question.gif) no-repeat;
	margin-bottom:8px;
	padding-left:34px;
}
#user #interview .answer {
	background:#ffffff url(../user/image/answer.gif) no-repeat;
	margin-bottom:8px;
	padding-left:34px;
}

/*----- Container [Question] -----*/
#user #interview .question p.q_comment {
	width:600px; /* [width]600px+(padding:8px+8px)=616px */
	background-color:#ff9900;
	padding:8px;
	color:#ffffff;
	font-weight:bold;
	line-height:18px;
	letter-spacing:2px;
}

/*----- Container [Answer] -----*/
#user #interview .answer p.a_comment {
	width:616px;
	padding:8px;
	line-height:22px;
}

/*----- Container [Image] -----*/
#user #interview .qaimg {
	width:616px; /* [width](left:616px)+(padding:34px)=650px*/
	padding-left:34px;
}

#user #interview .qaimg_l {
	width:300px; /* [width](left:300px)+(padding:10px)+(right:306px)=616px*/
	padding:0 10px 0 0;
	float:left;
}

#user #interview .qaimg_r {
	width:306px;
	float:left;
}

/*----- Container [Comment] -----*/
#user #interview .qaimgtext {
	width:616px; /* [width](left:616px)+(padding:34px)=650px*/
	padding:2px 0 0 34px;
}

#user #interview .qaimgtext_up {
	background:#ffffff url(../user/image/sankaku_up.gif) no-repeat;
	background-position:left top;
	width:602px; /* [width](padding:14px)+602px=616px */
	padding-left:14px;
	font-size:12px;
	line-height:14px;
}

#user #interview .qaimgtext_up_l {
	background:#ffffff url(../user/image/sankaku_up.gif) no-repeat;
	background-position:left top;
	width:296px; /* [width](padding:14px)+(left:296px)+(padding:14px)+(right:292px)=616px*/
	padding-left:14px;
	float:left;
	font-size:12px;
	line-height:14px;
}

#user #interview .qaimgtext_up_r {
	background:#ffffff url(../user/image/sankaku_up.gif) no-repeat;
	background-position:left top;
	width:292px;
	padding-left:14px;
	float:left;
	font-size:12px;
	line-height:14px;
}

#user #interview .qaimgtext_l {
	background:#ffffff url(../user/image/sankaku_l.gif) no-repeat;
	width:292px; /* [width](padding:14px)+292px=306px */
	margin-top:150px;
	padding-left:14px;
	font-size:12px;
	line-height:14px;
}

#user #interview .qaimgtext_r {
	background:#ffffff url(../user/image/sankaku_up.gif) no-repeat;
	background-position:right top;
	width:562px; /* [width]562px+(padding:14px)+(margin:40px)=616px*/
	margin-right:40px;
	padding-right:14px;
	font-size:12px;
	line-height:14px;
	text-align:right;
}

/*----- Container [QA-2rows-Container] -----*/
#user #interview .two_rows {
	width:650px;
}

#user #interview .qa_box_left {
	width:490px; /* [width](left:490p)x+(padding:10px)+(right:150px)=650px */
	padding-right:10px;
	float:left;
}

#user #interview .qa_box_right {
	width:150px;
	float:left;
}

#user #interview .question p.q_comment2 {
	width:440px; /* [width]<padding:34px>+440px+(padding:8px+8px)=490px */
	background-color:#ff9900;
	padding:8px;
	color:#ffffff;
	font-weight:bold;
	line-height:18px;
	letter-spacing:2px;
}

#user #interview .answer p.a_comment2 {
	width:440px;
	padding:8px;
	line-height:22px;
}

#user #interview .qaimgtext2 {
	background:#ffffff url(../user/image/sankaku_r.gif) no-repeat right;
	width:476px; /* [width]476px+(padding:14px)=490px */
	margin-top:160px;
	padding-right:14px;
	text-align:right;
}

/*----- Container [QA-2rows-Container (Komatsu)] -----*/
#user #interview .qa_box_left {
	width:400px; /* [width](left:400p)x+(padding:10px)+(right:240px)=650px */
	padding-right:10px;
	float:left;
}

#user #interview .qa_box_right {
	float:right;
}

#user #interview .question p.q_comment3 {
	width:350px; /* [width]<padding:34px>+350px+(padding:8px+8px)=400px */
	background-color:#ff9900;
	padding:8px;
	color:#ffffff;
	font-weight:bold;
	line-height:18px;
	letter-spacing:2px;
}

#user #interview .answer p.a_comment3 {
	width:350px;
	padding:8px;
	line-height:22px;
	height:210px;
}

#user #interview .qaimgtext3 {
	background:#ffffff url(../user/image/sankaku_r.gif) no-repeat;
	background-position:right;
	width:386px; /* [width]386px+(padding:14px)=400px */
	padding-right:14px;
	text-align:right;
	height:20px;
	line-height:20px;
}


/*---------------------------------------------
Line
---------------------------------------------*/
#user #interview .line {
	margin:20px 0;
}


/*---------------------------------------------
Link
---------------------------------------------*/
p.outlink_box {
	font-size:12px;
	padding:10px 0 5px 10px;
}

a.outlink:link    {text-decoration:underline;color:#0000cc;}
a.outlink:visited {text-decoration:underline;color:#0000cc;}
a.outlink:active  {text-decoration:underline;}
a.outlink:hover	  {text-decoration:underline;color:#ff0000;}



/**********************************************
User [Backnumber]
**********************************************/
/*---------------------------------------------
Title
---------------------------------------------*/
#user #backnumber h1 {
	background:#ffffff url(../user/image/backnumber/bn_pqb_title.gif) no-repeat;
	width:580px; /* [width]580px+(padding:70px)=650px */
	height:42px; /* [height]42px+(padding:28px)=70px */
	margin-bottom:20px;
	padding:28px 0 0 70px;
	font-size:20px;
	color:#74838e;
}
#user #backnumber h1 span {
	margin-right:12px;
	font-size:18px;
	color:#9cabb6;
}

#user #backnumber h2 {
	background:#ffffff url(../user/image/backnumber/bn_title.gif) no-repeat;
	width:610px; /* [width]610px+(padding:40px)=650px */
	height:39px;
	margin-bottom:20px;
	padding-left:40px;
	font-size:18px;
	color:#ffffff;
	line-height:39px;
}

#user #backnumber h3 {
	background:#ff6600 url(../user/image/backnumber/bn_shop_bg.gif) repeat-x;
	width:570px; /* [width]570px+(padding:20px)=590px */
	height:30px;
	margin-bottom:20px;
	padding-left:20px;
	font-size:16px;
	color:#ffffff;
	line-height:30px;
}


/*---------------------------------------------
Container
---------------------------------------------*/
#user #backnumber #lead {
	margin-bottom:20px;
	font-size:12px;
}

#user #backnumber #bn_box {
	background:#ffdb60 url(../user/image/backnumber/bn_box.gif) no-repeat left bottom;
	width:650px;
	margin-bottom:10px;
	padding-bottom:10px;
}

#user #backnumber .users {
	background:#ffffff url(../user/image/backnumber/bn_users_box.gif) no-repeat left bottom;
	width:590px; /* [width]590px+(margin:30px+30px)=650px */
	height:230px;
	margin:0 30px 20px 30px;
}

/*----- Container [Inbox1] -----*/
#user #backnumber .inbox1 {
	background:#ffffff url(../user/image/backnumber/bn_photo_box.gif) no-repeat right bottom;
	width:206px; /* [width]206px+(margin:20px)+(padding:20px)=246px */
	height:156px;
	margin-right:20px;
	padding-left:20px;
	float:left;
}

/*----- Container [Inbox2] -----*/
#user #backnumber .inbox2 {
	width:260px;
	margin-top:20px;
	float:left;
}

#user #backnumber .inbox2 .no {
	background-color:#4b1701;
	height:20px;
	margin-right:8px;
	padding:0 8px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	float:left;
}

#user #backnumber .inbox2 .name {
	height:20px;
	color:#4b1701;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	float:left;
}

#user #backnumber .inbox2 hr {
	color:#cccccc;
	background-color:#cccccc;
	border-style:none;
	width:260px;
	height:1px;
}

#user #backnumber .inbox2 table {
	width:260px;
	color:#777777;
	font-size:12px;
}

#user #backnumber .inbox2 table th {
	width:60px;
	padding:2px 0;
	color:#000000;
	vertical-align:top;
	font-weight:normal;
}

#user #backnumber .inbox2 table td.t1 {
	width:15px;
	padding:2px 0;
	vertical-align:top;
}

#user #backnumber .inbox2 table td.t2 {
	width:185px;
	padding:2px 0;
	vertical-align:top;
}
/*----- Container [Inbox3] -----*/
#user #backnumber .inbox3 {
	width:64px; /* [width]64px+(padding:10px+10px)=84px */
	padding:0 10px;
	float:left;
}

#user #backnumber .inbox3 a {
	display:block;
	background:#ffffff url(../user/image/backnumber/bn_shop_open2.gif) no-repeat;
	width:44px; /* [width] 44px+(padding:20px)=64px */
	height:34px;
	margin-top:50px;
	padding-left:20px;
	color:#83919c;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:2px;
	text-decoration:none;
}

#user #backnumber .inbox3 a:hover {background-image:url(../user/image/backnumber/bn_shop_open1.gif);}


/*---------------------------------------------
Link
---------------------------------------------*/
#user #backnumber .users h3 a       {text-decoration:none;color:#ffffff;}
#user #backnumber .users h3 a:hover {text-decoration:underline;}

#user #backnumber .inbox2 a {text-decoration:none;color:#4b1701;}



/**********************************************
User [UserList]
**********************************************/
/*---------------------------------------------
Title
---------------------------------------------*/
#user #userlist h1 {
	background:#ffffff url(../user/image/userlist/userlist_line.gif) no-repeat; 
	background-position:bottom;
	height:25px;
	padding-left:10px; 
	font-size:20px;
	color:#ff9900;
}

#user #userlist hr {
	color:#4b1701;
	background-color:#4b1701;
	border-style:none;
	height:2px;
	width:200px;
}

#user #userlist h2 {
	background:#ff9900 url(../user/image/userlist/userlist_title2.gif) no-repeat;
	width::610px; /* 610px+(padding:20px+20px)=650px */
	height:30px;
	padding:0 20px;
	margin-bottom:20px;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
}

#user #userlist h3 {
	font-size:16px;
	color:#4b1701;
}

#user #userlist h3 a {
	font-size:16px;
	color:#4b1701;
}

#user #userlist #listbox {
	width:650px; 
/*	border:solid 1px #ff9900; */
	font-size:12px;
	text-align:left;
}

#user #userlist .listbox_l,
#user #userlist .listbox_r {
	width:320px
	float:left;
}

#user #userlist .listbox_l {
	padding:0 10px;
background-color:#ffcccc;
}

#user #userlist .listbox_r {
	padding-right:10px;
background-color:#ccffcc;
}

#user #userlist .inbox_l {
	float:left;
	width:100px;
	padding:10px;
background-color:#ccccff;
}

#user #userlist .inbox_r {
	float:left;
	width:200px;
background-color:#ffffcc;
}

#user #userlist table {
	color:#4b1701;
	width::200px;
}

#user #userlist p.open {
	background-color:#ff0000;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	width:55px;
	height:15px;
	line-height:15px;
} 

#user #userlist span {
background:#ffffff url(../user/image/userlist/userlist_down.gif) no-repeat;
	background-position:bottom;
height:50px;
line-height:50px;
padding-left:50px;
}