@charset "UTF-8";

/* ***************************************************
* CSS file For netinsatsu.com
	FileName: users_guide.css 
	data:2008/03/06 yoshii
	
■目次 ==========================================
■[01]:ご利用ガイド 一覧
■[02]:ご利用ガイド 詳細一覧
■[03]:ご利用ガイド 詳細
**************************************************** */

/*-----------------------------------------------------------
■[01]:ご利用ガイド 一覧
------------------------------------------------------------*/
div#Users_Guide{
	width:100%;
}

div#Users_Guide ul{
	margin: 0 0 7px 0;
}

div#Users_Guide ul.ULeft{
	float:left;
	width:280px;
}

div#Users_Guide ul.URight{
	float:right;
	width:280px;
}

div#Users_Guide ul li{
	padding: 0 0 5px 20px;
	background: url(/img/common/list_arrow.gif) no-repeat 3px 4px;
}


/*-----------------------------------------------------------
■[02]:ご利用ガイド 詳細一覧
------------------------------------------------------------*/
div#Users_Guide b{
	color:#666666;
	line-height: 25px;
}

div.UG_List img{
	float:left;
	width:118px;
	margin:0 0 15px;
}

div.UG_List p{
	margin:0 0 15px;
}

div.UG_List p.Right_Txt{
	margin:0 0 15px;
	float:right;
	width:430px;
}

/*-----------------------------------------------------------
■[03]:ご利用ガイド 詳細
------------------------------------------------------------*/
/* 注文から発送までの流れについて */
div#Users_Guide div.UG_flow_step{
	float:left;width:438px;margin:0 0 5px;
}

div#Users_Guide div.bt_flow_detail{
	float:left;width:122px;
}

div#Users_Guide div.UGstep01{
	clear:both;
	height:233px;
	background:url(/img/users_guide/ug_flow_bg.gif) no-repeat left bottom;
	margin:0 0 15px;
}

div#Users_Guide div.UGstep02{
	clear:both;
	height:279px;
	background:url(/img/users_guide/ug_flow_btm_bg.gif) no-repeat left bottom;
	margin:0 0 15px;
}


div#Users_Guide div.UGstep01 dl dt,div#Users_Guide div.UGstep02 dl dt{
	color:#FFFFFF;
	font-weight:bold;
	padding:23px 15px 0 55px;
}

div#Users_Guide div.UGstep01 dl dd,div#Users_Guide div.UGstep02 dl dd{
	padding:15px 15px 17px 100px;
}


div#Users_Guide div.UGstep02 dl.Flow_btm dd{
	padding-bottom:17px;
	padding-left:25px;
	padding-right:15px;
	padding-top:15px;
}

/* データ入稿 */
div#Users_Guide p.TGBtm {
	margin:0 0 20px;
}

div#Users_Guide p.TGBtm img {
	margin:0 7px 0 0;
}

div#Users_Guide p.TGBtm img.RightBtm{
	margin:0;
}

div#Users_Guide div.DC_tit img{
	vertical-align:middle;
}

/* WEB入稿について */
div#Users_Guide ul.Notes{
	background:url(/img/users_guide/notes_frame.gif) left bottom;
	padding:15px;
	margin: 0 0 15px;
}

div#Users_Guide ul.Notes li{
	padding: 0 0 10px 20px;
	background: url(/img/common/list_circle.gif) no-repeat 3px 4px;
}

div#Users_Guide div.UG_Step p{
	text-align: center;
}

div#Users_Guide div.UG_Step img{
	margin: 0 0 8px;
}

/* ご利用規約 */
div#Users_Guide div.Rule_list ul{
	list-style-position:outside;
	list-style-type:disc;
	padding: 0 0 0 20px;
	margin:0;
}

div#Users_Guide div.Rule_list ul li{
	background: none;
	padding: 0 0 5px 0;
}

/* キャンセル変更について */
div#Users_Guide div.Cancel_list ul{
	list-style-position:outside;
	list-style-type:decimal;
	padding: 0 0 0 30px;
}

div#Users_Guide div.Cancel_list ul li{
	background: none;
	padding: 0;
}

div#Users_Guide p.CNote{
	padding: 0 0 5px 25px;
	background: url(/img/common/icon_note.gif) no-repeat 2px 0px;
	font-weight:bold;
}

/* メディア入稿 */
div#Users_Guide table.Media_tbl{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:12px;
	line-height:18px;
	margin:5px 0 0;
	width:auto;
}

div#Users_Guide table.Media_tbl th, div#Users_Guide table.Media_tbl td {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:5px 10px;
	vertical-align:top;
}

div#Users_Guide table.Media_tbl th {
	background:#EEEEEE;
	text-align:left;
}

div#Users_Guide table.Media_tbl th.M_address{
	background:#FFF1D8;
	font-weight: bold;
}

/* メール入稿 */
div#Users_Guide table.Mail_tbl{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:12px;
	line-height:18px;
	margin:0 0 5px;
	width:100%;
}

div#Users_Guide table.Mail_tbl th, div#Users_Guide table.Mail_tbl td {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:5px 10px;
	vertical-align:top;
}

div#Users_Guide table.Mail_tbl th {
	background:#EEEEEE;
	text-align:left;
}

/* 入稿の準備 */
div#Users_Guide div.press_step1{
	background: url(/img/users_guide/case_office_bg.gif) no-repeat left bottom;
	padding-left:150px;
	height:108px;
	margin:0 0 15px;
}

div#Users_Guide div.press_step1 ul{
	list-style-position:outside;
	list-style-type:decimal;
	padding:19px 22px 0 0;
}

div#Users_Guide div.press_step1 ul li{
	background: none;
	padding: 0;
}

div#Users_Guide div.press_tit_win,div#Users_Guide div.press_tit_mac{
	margin:0 0 10px;
	clear:both;
}

div#Users_Guide div.press_step{
	width:111px;
	text-align:center;
	float:left;
	margin: 0 0 15px;
}

div#Users_Guide div.press_step img{
	margin: 0 0 5px;
}

div#Users_Guide div.press_arrow img{
	float:left;margin:25px 0 0;
}

div#Users_Guide div.P_description{
	margin:15px 0 15px;
}

/* データチェック */
div#Users_Guide p.Attention{
	background:url(/img/users_guide/attention_frame_top.gif) no-repeat left top;
	padding:10px 20px 0 37px;
	margin:0;
	color:#ff6600;
	text-align: left;
}

div#Users_Guide div.Check_point{
	background:url(/img/users_guide/check_point.gif) repeat-y left top;
	line-height:31px;
	padding:0 0 0 110px;
	margin:0 0 15px;
}

div#Users_Guide dl.DC_Careful dt{
	background:url(/img/users_guide/title_orange_bg.gif) repeat-y left bottom;
	font-weight:bold;
	color:#993333;
	padding:0 0 3px 20px;
}

div#Users_Guide dl.DC_Careful dd{
	padding:5px 0 15px 0;
}

/* 納期について */
div#Users_Guide div.UsrG_list p{
	margin:0 0 15px;
}

/* 発送について */
div#Users_Guide div.Gray_box{
	padding:12px;
	margin:0 0 15px;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
}

/* お支払いについて */
div#Users_Guide div.Yell_box{
	padding:12px;
	margin:0 0 15px;
	border:1px solid #CCCCCC;
	background-color:#ffffcc;
}

div#Users_Guide table.Pymnt_tbl{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:12px;
	line-height:18px;
	margin:5px 0 0;
	width:auto;
}

div#Users_Guide table.Pymnt_tbl th, div#Users_Guide table.Pymnt_tbl td {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:5px 10px;
	vertical-align:top;
	text-align:center;
}

div#Users_Guide table.Pymnt_tbl th {
	background:#FFF1D8;
	font-weight: bold;
}


div#Users_Guide ul.Pymnt_List{
	list-style-position:outside;
	list-style-type:disc;
	margin: 0;
	padding:0 10px 0 20px;
}

div#Users_Guide ul.Pymnt_List li{
	padding: 0 0 5px 0;
	background:none;
}