/*-----------------------------
	FILE:	system.css
	SITE:	silkmaster.co.jp ver3.0
	DATE:	2009.6.23
	Auther: silkmaster.co.ltd

	modify:
----------------------------*/



#system_title {
	width: 735px;
	height: 140px;
	margin-bottom: 50px;
	
}
#sys_footer {
	
	width:735px;
	height:35px;
	background-image:url(../system/img/common/contents_footer.png)
}

/*---------------------------
	
	TOP NAVI

---------------------------*/


/*----------	index	------------*/

#sys_top_navi_index{
	top:0;
	left:0;
}

#sys_top_navi_index a{
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:0px 0px ;
}

#sys_top_navi_index a:hover{ background-position:0px -30px ;}


#sys_top_navi_index_selected{
	top:0;
	left:0;
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:0px -60px ;
	z-index:999;
}


/*----------	FLOW	------------*/

#sys_top_navi_flow{
	top:0;
	left:115px;	
}

#sys_top_navi_flow a{
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:-120px 0px;
	
}

#sys_top_navi_flow a:hover{
	background-position:-120px -30px;
}

#sys_top_navi_flow_selected{
	top:0;
	left:115px;
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:-120px -60px ;
	z-index:99;
}


/*----------	PRICE	------------*/



#sys_top_navi_price{
	top:0;
	left:230px;
	
}

#sys_top_navi_price a{
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:-240px 0px;	
}

#sys_top_navi_price a:hover{ background-position:-240px -30px; }

#sys_top_navi_price_selected{
	top:0;
	left:230px;
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:-240px -60px ;
	z-index:99;
}




/*----------	KIT		------------*/



#sys_top_navi_kit{
	position:absolute;
	top:0;
	left:345px;
	
}

#sys_top_navi_kit a{
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:-360px 0px;
	
}

#sys_top_navi_kit a:hover{
	background-position:-360px -30px;
}

#sys_top_navi_kit_selected{
	top:0;
	left:345px;
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:-360px -60px ;
	z-index:99;
}


/*----------	SCREEN		------------*/
#sys_top_navi_screen{
	position:absolute;
	top:0;
	left:460px;
	
}


#sys_top_navi_screen a{
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:-480px 0px;
	
}

#sys_top_navi_screen a:hover{
	background-position:-480px -30px;
	
}

#sys_top_navi_screen_selected{
	top:0;
	left:460px;
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:-480px -60px ;
	z-index:99;
}

/*----------	GUIDE		------------*/


#sys_top_navi_guide{
	position:absolute;
	top:0;
	left:575px;
	
}


#sys_top_navi_guide a{
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:-600px 0px;
	
	
}

#sys_top_navi_guide a:hover{
	background-position:-600px -30px;
	
}

#sys_top_navi_guide_selected{
	top:0;
	left:575px;
	background-image:url(../common/img/contents_header/top_navi_sys.png);
	background-position:-600px -60px ;
	z-index:99;
}




/*---------------------------
	
	CONTENTS COLUMN

---------------------------*/


/*---------------------------

  2COLUMN  main + function

---------------------------*/


#sys_col2_sub {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 205px;
	height:auto;
	position: absolute;
	top: 0px;
	right:0px
}

#sys_col2_main {
	width: 735px;
	height:auto;
	margin-right: 245;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: static;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #F5F7F2;
}




/*---------------------------

 		 FLOW

---------------------------*/


.sys_flow {
	height: 150px;
	width: 595px;
	margin-right: 65px;
	margin-left: 75px;
	position: relative;
	margin-bottom: 35px;
}
.sys_flow_img{
	width:340px;
	height:150px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.sys_flow_text {
	width:240px;
	height:130px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 20px;
}
/*
.sys_flow p {
	color:#333;
	font-size: 12px;
	line-height: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.sys_flow h3 {
	color:#2A556C;
	font-size: 15px;
	line-height: 25px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

*/
/*---------------------------

	ORDERKIT  

---------------------------*/


#sys_kit_wrap {
	width: 585px;
	margin-right: 75px;
	margin-left: 75px;
	position: relative;
}

/*----	overview  -------*/
#sys_kit_overview {
	width: 585px;
	clear: both;
	position: relative;
	margin-bottom: 50px;
}


#sys_kit_overview_img {
	width: 200px;
	margin-top: auto;
	margin-bottom: auto;
	position: absolute;
	top: 100px;
	right: 0px;
}

#sys_kit_overview_text {
	width: 330px;
}
#sys_kit_overview_text p{
	line-height: 21px;
}



/*----	title  -------*/

#sys_kit_inside_title {
	height: 30px;
	width: 585px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 75px;
}


/*----	wear  -------*/

#sys_kit_wear{
	width: 585px;
	height: 150px;
	margin-bottom: 50px;
}
#sys_kit_wear img{
	margin-left:43px;
	margin-top: auto;
	margin-bottom: auto;
	float: left;
}

#sys_kit_wear h3{
	margin-left:255px;
}

#sys_kit_wear p  {
	width:330px;
	margin-left:255px;
}



/*----	sample  -------*/

#sys_kit_sample {
	width: 585px;
	margin-bottom: 50px;
	height: 200px;
}

#sys_kit_sample img{
	margin-left:43px;
	float: right;
	margin-top: 25px;
}

#sys_kit_sample p{
	margin-right:255px;
	width:330px;
	
}

#sys_kit_sample h4{
	margin-right:255px;
	width:330px;
}


/*----	document  -------*/

#sys_kit_document {
	width: 585px;
	height: 330px;
	margin-bottom: 30px;
}


#sys_kit_document img{
	margin-left:43px;
	margin-top: 50px;
	float: left;
}

#sys_kit_document h3{
	margin-left:255px;
	width:330px;
}
#sys_kit_document h4 {
	margin-left:255px;
	width:330px;
}

#sys_kit_document p  {
	width:330px;
	margin-left:255px;
}


/*---------------------------

	silkscreen

---------------------------*/


#sys_screen_wrap {
	width: 585px;
	margin-right: 75px;
	margin-left: 75px;
	position: relative;
}




/*----	overview  -------*/

#sys_screen_overview {
	width: 585px;
	clear: both;
	position: relative;
	margin-bottom: 50px;
}


/*----	suvtitle  -------*/

#sys_screen_about_title {
	height: 30px;
	width: 585px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 35px;
}

/*----	contents  -------*/

.sys_screen_contents{
	width:585px;
	height:200px;
	margin-bottom:15px;
	position:relative;
	
}
.sys_screen_contents img{
	position:absolute;
	top:0;
	left:0;
}
.sys_screen_contents_text{
	width:384px;
	margin-left:201px;
	padding-top:50px;
	
}


/*---------------------------

	PRICE

---------------------------*/


#sys_price_wrap {
	width: 585px;
	margin-right: 75px;
	margin-left: 75px;
	position: relative;
}



/*	overview	*/

#sys_price_overview {
	width:585px;
	margin-bottom:70px;	
}

.sys_price_title{
	width: 585px;
	hight: 30px;
	margin-bottom: 20px;
}

/*		CONTENTS		*/

.sys_price_contents_wrap{
	width:583px;
	height: 397px;
	position: relative;
	margin-bottom: 50px;
	border: 1px solid #005368;
	background-color: #F60;
}
.sys_price_contents_1{
	width:291px;
	height: 198px;
	position: absolute;
	top:0px;
	left:0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #005368;	
	
}
.sys_price_contents_2{
	width:291px;
	height: 198px;
	position: absolute;
	top:0px;
	right:0px;
	
}
.sys_price_contents_3{
	width:291px;
	height: 198px;
	position: absolute;
	top:198px;
	left:0px;
	border-top-style: solid;
	border-top-color: #005368;
	border-top-width: 1px;	
	border-right-style: solid;
	border-right-color: #005368;
	border-right-width: 1px;
}
.sys_price_contents_4{
	width:291px;
	height: 198px;
	position: absolute;
	top:198px;
	right:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005368;	
}

/*		DISCOUNT		*/

#sys_price_discount_warp{
	width:585px;
	margin-bottom:35px;
	position: relative;
}
#sys_price_discount_warp img{
	float:right;
	position: absolute;
	top: 32px;
	right: -1px;
}
#sys_price_discount_text {
	width:274px;
	margin-right:18px;	
}


/*---------------------------

	guide

---------------------------*/


#sys_guide_title{
	
	width:735px;
	height:140px;
}

#sys_guide_overview {
	height: 300px;
	width: 735px;
}
#sys_guide_index_navi {
	height: 35px;
	width: 735px;
	
}
.sys_guide_index_col_warp {
	height: 260px;
	width: 735px;
	margin-top: 40px;
}

.sys_guide_index_col_warp p{
	font-size:12px;
	line-height:18px;
}

.sys_guide_index_col_L {
	height: 260px;
	width: 209px;
	margin-left: 27px;
	float: left;
}
.sys_guide_index_col_L img{
	margin-bottom:50px;
}

/* sys guide navi */

#sys_guide_navi li{
	float:left;
	display: block;
	list-style-type: none;
}
#sys_guide_navi a{
	display: block;
	height: 35px;
	width: 147px;
	line-height:35px;
	text-indent:-999em;
	background-image:url(../system/img/order_guide/navi.png);
	background-repeat:no-repeat;
	
}

#sys_guide_navi #guide_navi_data a:link visited	{ background-position:0 0;}
#sys_guide_navi #guide_navi_data a:active 		{ background-position:0 -35px;}
#sys_guide_navi #guide_navi_data a:hover 		{ background-position:0 -70px;}

#sys_guide_navi #guide_navi_support a				{ background-position:-147px 0;}
#sys_guide_navi #guide_navi_support a:link visited	{ background-position:-147px 0;}
#sys_guide_navi #guide_navi_support a:active 		{ background-position:-147px -35px;}
#sys_guide_navi #guide_navi_support a:hover 		{ background-position:-147px -70px;}

#sys_guide_navi #guide_navi_draw a				{ background-position:-294px 0;}
#sys_guide_navi #guide_navi_draw a:link visited	{ background-position:-294px 0;}
#sys_guide_navi #guide_navi_draw a:active 		{ background-position:-294px -35px;}
#sys_guide_navi #guide_navi_draw a:hover 		{ background-position:-294px -70px;}

#sys_guide_navi #guide_navi_ordersheet a				{ background-position:-441px 0;}
#sys_guide_navi #guide_navi_ordersheet a:link visited	{ background-position:-441px 0;}
#sys_guide_navi #guide_navi_ordersheet a:active 		{ background-position:-441px -35px;}
#sys_guide_navi #guide_navi_ordersheet a:hover 			{ background-position:-441px -70px;}

#sys_guide_navi #guide_navi_layoutsheet a				{ background-position:-588px 0;}
#sys_guide_navi #guide_navi_layoutsheet a:link visited	{ background-position:-588px 0;}
#sys_guide_navi #guide_navi_layoutsheet a:active 		{ background-position:-588px -35px;}
#sys_guide_navi #guide_navi_layoutsheet a:hover 		{ background-position:-588px -70px;}


/* sys guide data */

#sys_guide_subtitle{
	width:681px;
	height:30px;
	margin-left:27px;
	margin-right:27px;
	margin-bottom:35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #005368;
	margin-top: 35px;
}
.sys_guide_col3_wrap{
	width:681px;
	margin-left:27px;
	margin-right:22px;
	position:relative;
}
.sys_guide_col3_wrap p{
	font-size:12px;
	line-height:18px;
}

.sys_guide_col2_wrap{
	width:585px;
	margin-left:75px;
	margin-right:75px;
	position:relative;
}
.sys_guide_col2_wrap p{
	font-size:12px;
	line-height:18px;
}

#sys_guide_col2_L{
	top:0px;
	left:0px;
	width:255px;
	position:absolute;
}
#sys_guide_col2_R{
	top:0px;
	right:0px;
	width:255px;
	margin-left:292px;
	padding-left:37px;
	border-left:solid 1px;
}
#sys_guide_rule_text{
	width:585px;
	margin-left:75px;
	margin-right:75px;
	margin-bottom:35px;
}
#sys_guide_rule_text p{
	color:#1d546c;
	font-size:13px;
	line-height: 25px;
}

#sys_guide_col3_L {
	width:209px;
	position:absolute;
	top:0;
	left:0;
}
#sys_guide_col3_R {
	width:209px;
	position:absolute;
	top:0;
	right:0px;
}
#sys_guide_col3_C{
	width:209px;
	margin-left:222px;
	margin-right:222px;
	padding-left:14px;
	padding-right:14px;
	border-left:solid #999 1px;
	border-right:solid #999 1px;
}

/*ordersheet*/

#sys_guide_ordersheet_wear1{
	width:681px;
	height:140px;
	margin-bottom:20px;
}
#sys_guide_ordersheet_wear1 img{
	width:449px;
	float:right;
	margin-left:27px;
}
#sys_guide_ordersheet_wear2{
	width:681px;
	height:140px;
}
#sys_guide_ordersheet_wear2 img{
	width:449px;
	float:left;
	margin-right:27px;
}
	
#sys_guide_sheet_sampleop {
	width:209px;
	position:absolute;
	right:0px;
	top: 82px;
}

#sys_guide_sheet_title {
	margin:35px auto 35px 27px;
}

/*layoutsheet*/

#sys_guide_layoutsheet_1{
	widht:330px;
	height:260px;
	
}
#sys_guide_layoutsheet_1 p{
	width:228px;
	float:left;
	margin-right:27px;
}

#sys_guide_layoutsheet_2{
	widht:585px;
	height:220px;
	
}
#sys_guide_layoutsheet_2 p{
	width:255px;
	float:right;
	margin-left:75px;
}


/*---------------------------

		index

---------------------------*/

#sys_index_billbord {
	width:730px;
	margin-bottom:35px;
	background-image:url(../system/img/index/sys_index_billbord_bg.png);
	background-repeat:no-repeat;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 1px;
}

#sys_index_menu{
	width:735px;
	height:30px;
	margin-bottom: 35px;
}

.sys_index_col3_wrap{
	width:735px;
	height:325px;
	margin-bottom:30px;
}


.sys_index_col3_LR {
	width:225px;
	float:left;
}
.sys_index_col3_C {
	width:225px;
	float:left;
	margin:0 30px 0 30px;
}