@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background:url(../images/common/body_back.jpg) repeat-y center #F7F8F8;
	text-align:center;
	line-height:140%;
	height:100%;
	font-family:"meiryo","ＭＳ Ｐゴシック",sans-serif;
}
body div {
	text-align: left;
	margin: 0 auto;
}
img{
	border:0;
}

.clear{
    clear:both;
	}
a:link{
	text-decoration:none;
	}
a:hover {
    text-decoration:underline;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*-------------------汎用margin---------------------*/
.ml30 {margin-left:30px;}
.mt30 {margin-top:30px;}
.mb30 { margin-bottom:30px;}
.mb5 { margin-bottom:5px;}
/*-------------------文字---------------------*/
p {
 font-size:13px;
 line-height:140%;
 color:#333333;}
 
.pan { font-size:15px;padding:10px 10px 0px 0px;text-align:left;background:none !important; margin-bottom:10px; font-weight:bold;}

.bl { color:#003D73;}
.bk { color:#000000;}
.gr { color:#3E3A39;}
.rd { color:#FF0000;}
.rd2 { color:#E5005A;}

.ft11 { font-size:11px;}
.ft12 { font-size:12px;}
.ft13 { font-size:13px;}
.ft14 { font-size:14px;}
.ft16 { font-size:16px;}
.ft17 { font-size:17px;}
.ft18 { font-size:18px;}
.ft24 { font-size:24px;}
.ft30 { font-size:30px;}
.ft46 { font-size:46px;}
.fb { font-weight:bold;}
.fwn { font-weight:normal;}
.lh11 { line-height:110%;}
.alcnt { text-align:center;}
.alright { text-align:right;}
.inbox { float:left;}

/*-------------------hたぐ---------------------*/
/*各h1文字画像の設定*/
.t_01 { text-indent:-9999px; background:url(../images/h/h3_01.gif) no-repeat bottom; width:821px; height:38px;}
.t_02 { text-indent:-9999px; background:url(../images/h/h3_02.gif) no-repeat bottom; width:821px; height:38px;}
.t_03 { text-indent:-9999px; background:url(../images/h/h3_03.gif) no-repeat bottom; width:821px; height:38px;}

h1 { background:url(../images/h/h_bg.gif) no-repeat; width:780px; height:54px; padding:15px 0 0 20px; color:#FFFFFF; font-size:18px;}
h2 { font-family:"ヒラギノ角ゴ Pro W3", "FOT-ロダン Pro M", "ＭＳ Ｐゴシック" ;font-size:16px; color:#FF0000; border-left:solid 5px #ff0000; padding:0 0 0 10px; margin:0 0 10px 15px; }
h3 { margin-left:29px; }
h4 {}
/*-------------------table---------------------*/
.top_category table { width:760px;}
.top_category td,th { padding:3px; font-size:13px;}  
/*-------------------レイアウト---------------------*/
#wrap { background:#ff0000; width:100%; height:10px; margin:0;} 
 
#frame { width:880px; margin:0 auto; height:100%; position:relative;}
	
#header { height:158px; width:880px; }
.logo { width:364px; float:left;}
.headbox { width:516px; height:158px; float:left; position:relative;}
.headnv { float:right; width:516px; margin-top:5px;   font-size:13px; }

.headnv table{ float:right;}

.headnv_td { background:url(../images/common/icon_01.gif) no-repeat left; padding:0 0px 0 20px; }

.select { float:left;}

.name {  position:absolute; bottom:0; right:0; height:20px; }
.name p{ color:#FF0000; font-size:13px; background:url(../images/common/icon_02.gif) no-repeat left; padding:0 0 0 20px; text-align:right;}

#contents { width:880px; background:url(../images/common/main_middle.gif) repeat-y center; }

#footer {
	height:55px;
	width:880px;
	background:#FF0000;
	position:relative;
	text-align:center;
	margin-bottom:20px;
}
.copyright {
	text-align:center;
	width:350px;
	height:20px;
	font-size:11px;
	color:#fff;
	position:absolute;
	left: 270px;
	top: 15px;
}


#c_box{  border:solid 1px #DCDDDD; background:#FFFFFF; padding:15px; margin:0 29px 20px 29px; }
/*-----------------------------7/17-----------------------------*/
.admin_account label {
  display: block;
  float: left;
  width: 200px;
}

/*-----------------------------8/8-----------------------------*/
.ticket { float:right;
width:470px;
text-align:right;
margin-top:40px;}

/*-----------------------------8/22-----------------------------*/
#new { overflow-y:scroll; height:150px; padding:10px; width:760px;  }

.newlist { width:700px; text-align:left; margin-bottom:1px; font-size:13px;}
.newlist dt { background:url(../images/common/icon_03.gif) no-repeat left; width:70px;float:left;  padding-left:15px;}
.newlist dd { width:600px;float:left; margin-left:10px; }

#request_nv { /*height:70px;*/ width:731px; margin:15px auto; }
.request_01 { float:left; width:237px;}
.request_02 { float:left; margin-left:10px; width:237px;}
.request_03 { float:right; width:237px;}
#request_nv p{ margin-top:10px; }
.notes { color:#FF0000;}


div#request_nv a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

.work table{ width:780px; margin:10px auto; border-collapse:collapse; border:solid 1px #ff0000;}
.work th{
 background:#FDEDE4;
 border-right:dotted 1px #ff0000;
  border-bottom:dotted 1px #ff0000;
font-size:13px;
color:#ff0000;
text-align:center;
padding:5px 5px 5px 5px;
text-align:center;
 }
.th01 { text-align:center;}
.work td{  border-bottom:dotted 1px #ff0000;
 border-right:dotted 1px #ff0000;
padding:5px 5px 5px 5px;
font-size:12px;
color:#000;
text-align:center;}

#work_nv_area { height:41px; width:336px; float:right; margin:0px 10px 10px 0px;}
.nv_work { width:163px; height:41px; display: block; text-decoration: none; text-indent: -9999em; float:left; margin-right:0px; }
.nv_work a:hover { background-position: 0px -41px;}
a.nv_design {width:163px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:left;
background:url(../images/nv/nv_designprogress_h.gif) no-repeat left top;}
a.nv_print {width:163px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:right;
background:url(../images/nv/nv_printprogress_h.gif) no-repeat left top;}
.fl_left { float:left;}
.fl_right { float:right;}
.mr_10 { margin-right:10px;}
.ml_10 { margin-left:10px;}

.popdetail_print { margin:0px 0 0px 10px; float:left; width:175px; height:140px;}
.popdetail_change { float:left; width:175px; height:140px;}
.style_line { margin:5px 0px;}
.style_m { margin:0px 10px;}

.complete { text-align:center; margin:100px auto;}
/*-----------------------------8/22-----------------------------*/

/*-----------------詳細設定-------------------*/
#index_box {}
.index_box_0 { margin:10px auto; clear:both; min-height:140px; width:780px;}
.index_box_1 { float:left; margin-right:10px;}

.index_box_2{ margin:10px auto; clear:both; height:142px; width:765px; margin-bottom:9px;}
.ml9 { margin-left:9px;}


.pkbg { background:#fdede4; margin:0 0px; padding:10px; }
.pkbg h3{ background:#FFFFFF; padding:3px 5px; color:#FF0000; font-size:15px; margin:0px 0px 5px 0px;}
.b_logo_box { width:765px; margin:0px auto 5px auto; display:block;}
div.b_logo_box a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}
.b_logo_box2 { width:765px; margin:0px auto 5px auto; display:block;}
div.b_logo_box2 a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}
.b_logo { width:186px; height:93px; float:left; padding:; margin:0 4px 0 0;}
.b_logo_r { width:186px; height:93px; float:left; padding:; margin:0 0px 0 0;}
.top_category {}
.top_search { text-align:center; margin:15px 0;}

.topcopy { margin:10px 10px 20px 10px;}
.topcopy p{ font-size:14px; color:#666666; font-weight:bold;}
.list01 { width:760px;text-align:left;margin-bottom:15px; font-size:13px;}
.list01 dt { background:url(../images/common/icon_03.gif) no-repeat left; width:95px;float:left;  padding-left:20px; margin:0px 0 0px 0px;}
.list01 dd { width:640px;float:left;}

.list02 { width:700px;text-align:left;margin-bottom:15px; font-size:13px;}
.list02 dt { background:url(../images/common/icon_03.gif) no-repeat left; width:150px;float:left;  padding-left:20px; margin:0px 0 0px 0px;}
.list02 dd { width:500px;float:left;}


.poplist_top { border-bottom:solid 1px #c9caca; float:none; clear:both; padding-bottom:10px; }
.poplist_logo {float:left;}
.poplist_discription { float:left; margin:5px 10px 10px 10px; width:300px;}
.poplist_search { float:left; margin:0px 10px 5px 10px; width:300px; font-size:12px;}

.poplist_pop_box00 { margin:10px auto; width:743px;}
.poplist_pop_box01{ 
    border-right:dotted 1px #ff0000;
	border-bottom:dotted 1px #ff0000;
	float:left;
	padding-bottom:10px;
	margin:0 0 0 0px;}
.poplist_pop_box01b{ 
    border-right:dotted 1px #ff0000;
	border-bottom:dotted 1px #ff0000;
	float:left;
	padding-bottom:10px;
	margin:0 0 0 10px;}
.poplist_pop_box02{}

div.upload a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

.poplist_poptitle { height:25px; background:#ff0000; margin:0 5px;}
.poplist_poptitle p{ color:#FFFFFF; font-size:13px; padding:3px 0 0 10px;}
.poplist_popimg { margin:10px auto; height:364px; width:364px; }
/*140123*/.poplist_popimg img{ max-width: 360px;}
.poplist_popdate p{ text-align:right; font-size:11px; color:#666666; padding-right:10px;}
.poplist_popcomment { float:left; padding:0 5px;  font-size:13px;}
.poplist_popgood { float:left;padding:0 5px; font-size:13px;}
.poplist_popdlcount { float:right;padding-right:10px; font-size:13px; color:#271A8E;}
.style01 { margin-right:5px;}

.popdetail_top { min-height:182px; padding:10px;}
.popdetail_popimg { float:left;}
.popdetail_dl { width:360px; float:left; margin:0 0 0 30px; height:250px; display:block; }
.popdetail_dl_nv01 { width:175px; margin:0px 0 0px 0; float:left; height:120px;}
.popdetail_dl_nv02 { width:175px; margin:0px 0 15px 10px; float:left;  height:120px;}
/*----140417----*/
.popdetail_nvbox{ float:none; width:360px; height:120px; clear:both; display:block; }
.popdetail_nvbox02{ float:none; width:360px; height:120px; display:block; margin-top:10px;}
/*----140417end----*/
div.popdetail_dl a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

.popdetail_admin table{ width:780px; margin:10px auto; border-collapse:collapse; border:solid 1px #ff0000;}
.popdetail_admin th{
 background:#FDEDE4;
 border-right:dotted 1px #ff0000;
  border-bottom:dotted 1px #ff0000;
font-size:13px;
color:#ff0000;
text-align:left;
padding:5px 5px 5px 15px;
 }
.popdetail_admin td{  border-bottom:dotted 1px #ff0000;
padding:5px 5px 5px 15px;
font-size:13px;
color:#000;}

.popdetail_submit { margin:auto; width:163px;}

div.popdetail_submit a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

.popdetail_search { width:760px; border:solid 1px #FF0000; padding:10px;}

.popdetail_group { border-bottom:dotted 1px #FF0000; }
.popdetail_name { float:left; color:#FF0000; font-size:13px;}
.popdetail_date p{text-align:right; font-size:10px; color:#666666; padding-right:10px; float:right;}
.popdetail_text {font-size:13px; padding:0 15px; line-height:120%;}
.popdetail_img { float:left; margin:10px;}
.popdetail_imgbox {}
.popdetail_popgood { float:left;padding:0 5px; font-size:13px;}

.admin_pop_edit table{ width:780px; margin:10px auto; border-collapse:collapse; border:solid 1px #ff0000;}
.admin_pop_edit th{
 background:#FDEDE4;
 border-right:dotted 1px #ff0000;
  border-bottom:dotted 1px #ff0000;
font-size:13px;
color:#ff0000;
text-align:left;
padding:5px 5px 5px 15px;
 }
.admin_pop_edit td{  border-bottom:dotted 1px #ff0000;
padding:5px 5px 5px 15px;
font-size:13px;
color:#000;}

.edit_nvarea { width:360px; margin:30px auto;}


.admin_pop_box { margin-bottom:15px;}
.admin_pop_box table{
border:#FF0000 1px solid; 
width:780px;}
.admin_pop_box th,td{ padding:10px 10px 10px 20px; font-size:13px;}
.admin_pop_submit { width:163px; height:41px; margin:0 auto 15px; auto;}
.admin_pop_nv { float:right; margin:0 10px 0 0; width:336px; height:41px;}
div.admin_pop a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

.admin_pop_nv01 {float:left; margin:0 10px 0 0; width:163px; height:41px;}
.admin_pop_nv02 {float:left; margin:0 0 0 0; width:163px; height:41px;}

.admin_pop table{ width:780px; margin:10px auto; border-collapse:collapse; border:solid 1px #ff0000;}
.admin_pop th{
 background:#FDEDE4;
 border-right:dotted 1px #ff0000;
  border-bottom:dotted 1px #ff0000;
font-size:13px;
color:#ff0000;
text-align:center;
padding:5px 5px 5px 5px;
 }
.admin_pop td{  border-bottom:dotted 1px #ff0000;
 border-right:dotted 1px #ff0000;
padding:5px 5px 5px 5px;
font-size:12px;
color:#000;}

.admin_pop_edit_new {
height: 70px;
width:740px;
color: #000000;
overflow: auto; }

.admin_pop_comment table{ width:780px; margin:10px auto; border-collapse:collapse; border:solid 1px #ff0000;}
.admin_pop_comment th{
 background:#FDEDE4;
 border-right:dotted 1px #ff0000;
  border-bottom:dotted 1px #ff0000;
font-size:13px;
color:#ff0000;
text-align:center;
padding:5px 5px 5px 5px;
 }
.admin_pop_comment td{  border-bottom:dotted 1px #ff0000;
 border-right:dotted 1px #ff0000;
padding:5px 5px 5px 5px;
font-size:12px;
color:#000;}
/*
.search_results{ font-size:15px; margin-left:10px; font-weight:bold; float:left; width:350px;}
*/
.search_results{ font-size:15px; margin-left:10px; font-weight:bold;  width:350px;}

.search_img { margin-right:10px;}

.admin_account_nv { float:right; margin:0 10px 0 0; width:163px; height:41px;}
div.admin_account a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

.admin_account table{ width:780px; margin:10px auto; border-collapse:collapse; border:solid 1px #ff0000;}
.admin_account th{
 background:#FDEDE4;
 border-right:dotted 1px #ff0000;
  border-bottom:dotted 1px #ff0000;
font-size:13px;
color:#ff0000;
text-align:center;
padding:5px 5px 5px 5px;
 }
.th01 { text-align:center;}
.admin_account td{  border-bottom:dotted 1px #ff0000;
 border-right:dotted 1px #ff0000;
padding:5px 5px 5px 5px;
font-size:12px;
color:#000;}

#login table{ width:582px; margin:auto; font-size:13px;}
#login th { padding:5px; text-align:right;}
#login td { padding:5px;}
.login_logo { width:582px; margin:60px auto 30px auto;}
/*-----------------ボタンエリア設定-------------------*/
#m_navi {
    width:730px;
	height:41px;
	clear:both;
	margin:0px 0px 0px 30px;
}
#m_navi_design {
    width:730px;
	height:41px;
	clear:both;
	margin:0px 0px 0px 30px;
}
#m_navi  ul,li{list-style:none;	}
#m_navi_design  ul,li{list-style:none;	}
#login_nv { width:198px; height:57px; margin:30px auto 60px auto;}

.upload_nv { width:341px; height:48px; margin:10px auto 0 auto ;}
div.upload_nv a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}
.naviover a:hover img
{
width:163px; height:41px;
margin:0 auto;
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}
/*-----------------ボタンのclass 設定-------------------*/
.mnv { width:179px; height:41px; display: block; text-decoration: none; text-indent: -9999em; float:left; margin-right:3px; }
.nv_m { width:163px; height:41px; display: block; text-decoration: none; text-indent: -9999em; float:left; margin-right:30px;}
.nv_m2 { width:163px; height:41px; display: block; text-decoration: none; text-indent: -9999em; float:left; }

.mnv_design { width:179px; height:41px; display: block; text-decoration: none; text-indent: -9999em; float:left; margin-right:3px; }

.nv_m3 { width:163px; height:41px; display: block; text-decoration: none; text-indent: -9999em; float:left; margin-right:30px;}
.l_nv { width:198px; height:57px; display: block; text-decoration: none; text-indent: -9999em;}
.u_nv { width:341px; height:48px; display: block; text-decoration: none; text-indent: -9999em;}
 /*-----------------背景画像の移動設定-------------------*/

.mnv a:hover { background-position: 0px -41px;}
.nv_m a:hover { background-position: 0px -41px;}
.nv_m2 a:hover { background-position: 0px -41px;}

.mnv_design a:hover { background-position: 0px -41px;}

.nv_m3 a:hover { background-position: 0px -41px;}
.l_nv a:hover { background-position: 0px -57px;}
.u_nv a:hover { background-position: 0px -48px;}
/*-----------------ボタンの背景画像-------------------*/
a.up_nvstyle { width:341px; height:48px; text-decoration:none; display:block; text-indent:-9999px; background:("../images/nv/nv_login.gif") no-repeat left top;
}
a.lnvstyle {	width:198px; height:57px;　display: block; text-decoration: none; text-indent: -9999em; float:left;
	background:url(../images/nv/nv_login.gif) no-repeat left top;
}
a.nv01style {	width:163px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:left;
	background:url(../images/nv/nv_registration.gif) no-repeat left top;
}
a.nv02style {width:163px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:left;
	background:url(../images/nv/nv_cancel.gif) no-repeat left top;
}
a.nv03style {	width:163px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:left;
	background:url(../images/nv/nv_submit2.gif) no-repeat left top;
}
a.mnv01 {width:179px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:left;

	background:url(../images/nv/nv_t_account.gif) no-repeat left top;

}
a.mnv02 {width:179px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:left;

	background:url(../images/nv/nv_t_brand.gif) no-repeat left top;
}
a.mnv01_design {width:179px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:left;
	background:url(../images/nv/nv_design_progress.gif) no-repeat left top;

}
a.mnv02_design {width:179px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:left;
	background:url(../images/nv/nv_print_progress.gif) no-repeat left top;
}


a.mnv03 {width:179px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:left;

	background:url(../images/nv/nv_t_promotion.gif) no-repeat left top;
}
a.mnv04 {width:179px; height:41px;　display: block; text-decoration: none; text-indent: -9999em; float:left;

	background:url(../images/nv/nv_t_bbs.gif) no-repeat left top;
}
.mnv01h {
	width: 179px;
    height: 41px;
	display: block;
	text-decoration: none;
	text-indent: -9999em;
	background:url(../images/nv/nv_t_account_h.gif) no-repeat left top;
	float:left;
	margin-right:3px;
}
.mnv02h {
	width: 179px;
    height: 41px;
	display: block;
	text-decoration: none;
	text-indent: -9999em;
	background:url(../images/nv/nv_t_brand_h.gif) no-repeat left top;
	float:left;
	margin-right:3px;
}
.mnv03h {
	width: 179px;
    height: 41px;
	display: block;
	text-decoration: none;
	text-indent: -9999em;
	background:url(../images/nv/nv_t_promotion_h.gif) no-repeat left top;
	float:left;
	margin-right: 3px;
}
.mnv04h {
	width: 179px;
    height: 41px;
	display: block;
	text-decoration: none;
	text-indent: -9999em;
	background:url(../images/nv/nv_t_bbs_h.gif) no-repeat left top;
	float:left;
}
.nvactive {	width: 179px;
    height: 41px;
	float:left;
	 margin-right:3px;}

.mnv01h_design {
	width: 179px;
    height: 41px;
	display: block;
	text-decoration: none;
	text-indent: -9999em;
	background:url(../images/nv/nv_design_progress_h.gif) no-repeat left top;
	float:left;
	margin-right:3px;
}
.mnv02h_design {
	width: 179px;
    height: 41px;
	display: block;
	text-decoration: none;
	text-indent: -9999em;
	background:url(../images/nv/nv_print_progress_h.gif) no-repeat left top;
	float:left;
	margin-right:3px;
}

/*-----------------
150213追加
-----------------*/
.request_box{ float:left; margin-right:10px;}