@charset "utf-8";


/* ==================================================================
	base setting
====================================================================*/

/* ------------------------------------------------------------------
	common
-------------------------------------------------------------------*/

#wrapper {
	zoom:1;
}
#wrapper:after {
	display: block;
	content: "";
	clear: both;
}

#primary{
	float: right;
	padding-bottom: 70px;
	width: 686px;
}
#primary p { line-height: 1.6;}

.section { margin-bottom: 35px;}

.mb50 { margin-bottom: 50px !important;}

/* ------------------------------------------------------------------
	decoration
-------------------------------------------------------------------*/

/* link styles
----------------------------------*/

#primary a { text-decoration: underline;}
#primary a:hover { text-decoration: none;}


/* color styles
----------------------------------*/

.blue { color:	#0078C4;}
.darkblue { color: #00508B;}
.red { color: #FF4A3A;}
.orange { color: #FF8000;}
.gray { color: #666;}
.black { color: #333;}

.bgBlue { background-color: #F5FBFE;}
.bgRed { background-color: #FFEDED;}
.bgOrange { background-color: #FFF8DD;}
.bgGray { background-color: #F3F3F3;}


/* icon styles
----------------------------------*/

.disc { background: none;}

.help {
	position: relative;
	display: inline-block;
	padding-right: 16px;
	line-height: 1;
}
.help .helplink {
	position: absolute;
	top: 0;
	right: 0;
}
.require {
	display: inline-block;
	padding: 7px 45px 5px 0;
	background: url(/img/inner/icon_require.png) no-repeat 100% 50%;
}
.li {
	padding-left:10px;
	background:url(/img/inner/icon_li.gif) no-repeat 0 0.5em;
}
.blank {
	padding-right:18px;
	background:url(/img/inner/icon_blank.gif) no-repeat 100% 0;
}


/* error styles
----------------------------------*/

.error {
	margin:0 auto 10px;
	padding:8px 0;
	background-color: #FFEDED;
}
.error li {
	padding-left:25px;
	background: #FFEDED url(/img/inner/icon_error.gif) no-repeat 10px .35em;
	/background-position:10px .2em;
	color: #FF4A3A;
}
.error input,
.error textarea,
.error select { background-color: #FFEDED;}



/* js motion styles
----------------------------------*/

.toggle:hover { color: #0078C4;}

.toggle span {
	cursor: pointer;
	display: block;
	padding-left: 21px;
	height: 16px;
	line-height: 16px;
	background: url(/img/inner/icon_open.png) no-repeat 0 0;
}
.toggle.open span {
	background: url(/img/inner/icon_open.png) no-repeat 0 -36px;
}
.toggleOpen { display: none;}


/* section decoration styles
----------------------------------*/

.btnArea { padding: 15px; background: #F6F6F6; text-align: center;}

.btnArea input,
.btnArea a {
	display: inline-block;
	margin: 0 5px;
	*display: inline;
	*zoom: 1;
}

.cautionArea {
	padding: 20px;
	background-color: #FFEDED;
}
.cautionArea li { margin-top: 7px;}

.grayBox {
	padding: 15px;
	border: 2px solid #E3E3E3;
}

.flowCapture li {
	margin-bottom: 5px;
	zoom: 1;
}
.flowCapture li:after {
	display: block;
	content: "";
	clear: both;
}

.faqlist { line-height: 2.0;}

.faqlist dt {
	margin: 0 0 5px;
	padding-bottom: 3px;
	padding-left: 25px;
	background: url(/img/icon/QA_q.gif) no-repeat 0px 0.3em;
	font-weight: bold;
}

.faqlist dt span {
	border-bottom: 2px dotted #CCC;
	padding:2px;
}

.faqlist dd {
	margin-bottom: 30px;
	padding: 0 10px 0 25px;
	background: url(/img/icon/QA_a.gif) no-repeat 0px 0.3em;
}



/* list styles
----------------------------------*/

.float2, .float3, .float4, .float5 { zoom:1;}
.float2:after, .float3:after, .float4:after, .float5:after {
	display: block;
	content: "";
	clear: both;
}

.float2 li, .float3 li, .float4 li, .float5 li { float: left; margin-bottom: 5px;}

.float2 li { width: 50%;}
.float3 li { width: 33%;}
.float4 li { width: 25%;}
.float5 li { width: 20%;}


/* ------------------------------------------------------------------
	breadcrumbs
-------------------------------------------------------------------*/

.breadcrumbs {
	font-size: 10px !important;
	margin: 0;
	text-align:left;
}
ol.breadcrumbs{
	margin:0 0 10px 0;
	clear:both;
	list-style:none !important;
	}
ol.breadcrumbs li{
	display:inline;

	}
ol.breadcrumbs li a{
	padding-right:10px;
	background: url(/img/common/bl.gif) no-repeat 100% 50%;
	text-decoration: none !important;
}
.r_menu { line-height: 0;}


/* ------------------------------------------------------------------
	table
-------------------------------------------------------------------*/

/* sheet styles
----------------------------------*/

.sheet {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	color: #666;
	border: 2px solid #E3E3E3;
	background: #FFF;
}
.sheet caption {
	padding:8px 5px;
	border-top:2px solid #06C;
	border-bottom:none;
	font-weight:bold;
	text-align:left;
}
.sheet thead th{
	width:auto;
	padding:8px;
	background-color: #F5FBFE;
	background-image:none;
	font-weight:bold;
	line-height:1;
	text-align: center;
}

.sheet th.thead {
	padding:8px;
	background-color: #F5FBFE;
	font-weight:bold;
	text-align: center;
}
.sheet tr.even{ background:#F9F9F9;}

.sheet th, .sheet td {
	padding:10px;
	border:1px solid #E3E3E3;
}
.sheet th { width:170px;}
.sheet th.label { background:#F5FBFE; font-weight: bold;}
.sheet th.sub {
	width: 115px;
	background: #F9F9F9;
}


.sheet .text,
.sheet textarea {
	width:99%;
	padding:5px;
	font-size:100%;
	font-weight:normal;
}
.sheet .text:focus,
textarea:focus { background-color:#F6F6F6; }
.sheet .caution {
	display:block;
	color:#C00;
	font-size:11px;
}


/* ------------------------------------------------------------------
	input
-------------------------------------------------------------------*/

input[type=text] { padding: 5px;}


/* ==================================================================
	headline setting
====================================================================*/

.headline1 {
	background: #e9e9e9;
	padding: 0.5em;
	font-size: 1.5rem;
}

.headline2 {
	margin-bottom: 13px;
	padding-bottom: 5px;
	font-size: 123.1%;
	font-weight: bold;
	color: #0078C4;
	background: url(/img/inner/headline2.png) no-repeat 0 100%;
}

.headline3 {
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
}

.headline4 span {
	padding: 11px 0 7px 5px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 13px;
	background: #EAF7FD;
	line-height: 1;
}

.headline5 span {
	padding: 4px 0 6px 7px;
	display: block;
	border-left: 5px solid #00A6E8;
	border-bottom: 1px solid #00A6E8;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
	line-height: 1;
}

/* ==================================================================
	option style
====================================================================*/

.optionImg .leftBox { width: 470px;}
.optionImg .rightBox { width: 200px;}

/* ==================================================================
	mypage
====================================================================*/

#pagemypage.pagePayment #primary,
#pagemypage.pagePayment02 #primary {
	width: 100%;
}


/* ====================================================================================================================================
	使用場所不明・あとで整理
==================================================================================================================================== */

/* ==================================================================
	srchForm
====================================================================*/


#srchForm { width: 225px; text-align: left; margin: 15px auto 10px;}
#srchForm h3 {
	background: url(/img/icon/search.gif) no-repeat 0 45%;
	padding-left: 17px;
	font-weight:bold;
	font-size:90%;
	color: #444;
}
#srchForm .formfield { width: 167px; padding: 1px 3px;}
#srchForm #srchBtn { padding: 0;position:relative;top:3px;}

#srchForm #srchBtn:hover { opacity: 0.8; filter: alpha(opacity=80);}


/* ==================================================================
	base
====================================================================*/
.innerh1 {
	/*background:url(/img/inner/h1_inner.gif) no-repeat;*/
	height:35px;
	font-size:24px;
	font-weight:bold;
}

.innerh2 {
	/*background:url(/img/inner/h4_inner.gif) no-repeat;*/
	height:25px;
	font-size:18px;
	font-weight:bold;
	clear: right;
	padding-top: 5px;
}

.innerh4 {
	border: 2px solid rgb(255, 146, 6);
	width: 760px;
	height:25px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	padding:8px 0 0 5px;
}

.innerh5 {
	border: 2px solid rgb(255, 146, 6);
	width: 760px;
	height:25px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	padding:8px 0 0 5px
}


.innerh6 {
	border:0 none !important;
	width: 760px;
	height:25px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	padding:8px 0 0 5px;
	background:#FFF !important;
	padding:10px 0 0 0 !important;
}

.title {
	height:50px;

}
.select {
	width:100%;
}

.select tr {
	width:775px;
}

.select th {
	background:#F0F0F0;
	border:1px solid #F0F0F0;
}

.select td{
	background:#FFF;
	border:1px solid #F0F0F0;
}

.sheet01 {
	width:100%;
	border-collapse: collapse;
}

.sheet01 th {
	background-color: rgb(255, 204, 204);
    text-align: center;
	width: 70px;
	font-weight: bold;
	border: 1px solid #CCC;
	padding: 6px;
}

.sheet01 thead th {
	background-color: rgb(255, 146, 6) !important;
	font-weight: bold;
}

table.sheet01 td{
	text-align: left;
	border: 1px solid #CCC;
	padding: 10px;
}


/* ==================================================================
	SEO
====================================================================*/

body{
text-align:center;
	}
hr.separate {
    display: none;
	clear:both;
}

#container{
	text-align:center;
	margin:0 auto;
	width: 1034px;
	}

#header #headerLeft h1 ,#header #headerLeft .customer,#header #headerLeft .headerLogo,#headerRight .keyv,.topCatch,h2#orederSn,#sideMenu li a{
	height:0px;
	overflow:hidden;
}

#header #headerLeft h1,#header #headerLeft .headerLogo{
	background:url(/sozai000/alps-mark.png) no-repeat 50% 0;
	width:240px;
	padding-top:142px;
	margin-bottom:5px
	}


#header #headerLeft .customer{
	background:url(/sozai000/tel_eigyoujikan.png) no-repeat;
	width:240px;
	padding-top:75px;
	}

/*#header{
margin:15px auto 0;
}*/

/*#header .catch{
	font-weight:bold;
	color:#0000ff;
	font-size:110%;
	margin:5px 0 0 0;
	}*/

#headerLeft{
	float:left;
	margin-left:10px;
	}
#headerRight{
	float:right;
	width:774px;
	}

#headerRight .keyv{
	background:url(/sozai000/header_title.png) no-repeat;
	width:774px;
	padding-top:230px;
	}



/* ==================================================================
	sitemap
====================================================================*/

#pagesitemap dt{
	background-color:#B0E1FF;
	padding:4px 0 3px 10px;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	font-weight:bold;
	margin:15px 0 8px;
	}

#pagesitemap .sitemapList ul li{
	margin:5px 0;
	background: url(/sozai000/moji_side00.png) no-repeat 0 50% ;
    padding-left: 10px;
	}

#pagesitemap .sitemapList dd{
	padding-left:30px;
	}

#pagesitemap h1{
	font-weight:bold;
	font-size:120%;
	border-bottom:solid #06C 3px;
	padding:5px 0 4px 5px;
	color:#039;
	margin-bottom:20px;
	}



/* ==================================================================
	index
====================================================================*/

#wrapper{
	text-align:left;
	width: 950px;
	margin:15px auto 0;
	}

.topCatch{
	background: url(/sozai000/top_menu_under001.png) no-repeat 0 0 ;
	width:774;
	padding-top:100px;
}

/* ==================================================================
	sidemanu
====================================================================*/

h2#orederSn{
	background:url(/sozai000/gotyuumon.gif) no-repeat 0 0;
	width:215px;
	padding-top:30px;
	margin:10px auto;
	}

ul#sideMenu{
	background: url(/sozai000/sidemenu/login_back1.jpg) no-repeat;
	width : 238px;
	height : 775px;
	margin-bottom:20px;
	}

ul#sideMenu li{
	width : 215px;
	margin:0 auto ;
}

*html ul#sideMenu li{
	margin-top:-2px;
}


ul#sideMenu li a{
	display:block;
	padding-top:50px;
}

li#flyerSn{
	padding-top:13px;
	}


#flyerSn a{
	background:url(/sozai000/sidemenu/flyer.png) no-repeat;
}

#posterSn a{
	background:url(/sozai000/sidemenu/poster.png) no-repeat;
}
#tanposterSn a{
	background:url(/sozai000/sidemenu/poster_strip.png) no-repeat;
}
#namecardSn a{
	background:url(/sozai000/sidemenu/business_card.png) no-repeat;
}
#postcardSn a{
	background:url(/sozai000/sidemenu/postcard.png) no-repeat;
}
#lhagakiSn a{
	background:url(/sozai000/sidemenu/large_format_postcard.png) no-repeat;
}
#rhagakiSn a{
	background:url(/sozai000/sidemenu/return_postcard.png) no-repeat;
}
#stampcardSn a{
	background:url(/sozai000/sidemenu/stamp_card.png) no-repeat;
}
#ticketSn a{
	background:url(/sozai000/sidemenu/tickets.png) no-repeat;
}
#membercardSn a{
	background:url(/sozai000/sidemenu/card_shops.png) no-repeat;
}
#oripamphSn a{
	background:url(/sozai000/sidemenu/fold_pamphlet.png) no-repeat;
}
#centerleafSn a{
	background:url(/sozai000/sidemenu/stitching_booklet.png) no-repeat;
}
#musenleafSn a{
	background:url(/sozai000/sidemenu/wireless_booklet.png) no-repeat;
}
#kouseiSn a{
	background:url(/sozai000/sidemenu/color_proof.png) no-repeat;
}
#optionSn a{
	background:url(/sozai000/sidemenu/assembly_options.png) no-repeat;
}


#flyerSn a:hover{
	background:url(/sozai000/sidemenu/flyer_.png) no-repeat;
}

#posterSn a:hover{
	background:url(/sozai000/sidemenu/poster_.png) no-repeat;
}
#tanposterSn a:hover{
	background:url(/sozai000/sidemenu/poster_strip_.png) no-repeat;
}
#namecardSn a:hover{
	background:url(/sozai000/sidemenu/business_card_.png) no-repeat;
}
#postcardSn a:hover{
	background:url(/sozai000/sidemenu/postcard_.png) no-repeat;
}
#lhagakiSn a:hover{
	background:url(/sozai000/sidemenu/large_format_postcard_.png) no-repeat;
}
#rhagakiSn a:hover{
	background:url(/sozai000/sidemenu/return_postcard_.png) no-repeat;
}
#stampcardSn a:hover{
	background:url(/sozai000/sidemenu/stamp_card_.png) no-repeat;
}
#ticketSn a:hover{
	background:url(/sozai000/sidemenu/tickets_.png) no-repeat;
}
#membercardSn a:hover{
	background:url(/sozai000/sidemenu/card_shops_.png) no-repeat;
}
#oripamphSn a:hover{
	background:url(/sozai000/sidemenu/fold_pamphlet_.png) no-repeat;
}
#centerleafSn a:hover{
	background:url(/sozai000/sidemenu/stitching_booklet_.png) no-repeat;
}
#musenleafSn a:hover{
	background:url(/sozai000/sidemenu/wireless_booklet_.png) no-repeat;
}
/*#kouseiSn a:hover{
	background:url(/sozai000/sidemenu/color_calibration_.png) no-repeat;
}*/
#optionSn a:hover{
	background:url(/sozai000/sidemenu/assembly_options_.png) no-repeat;
}




/* ==================================================================
	kousei
====================================================================*/

#pagekouseiTop h1{
	background:url(/sozai000/title/irokousei_title.png) no-repeat 0 0;
	padding-top:150px;
	margin-bottom:20px;
	}
#pagedegitalProof h1,#pagecolorProof h1,#pageprinterColorProof h1,#pagehonki h1{
	padding-top:100px;
	margin-bottom:20px;
	}

#pagedegitalProof h1{
	background:url(/sozai000/title/kousei_digital_title.png) no-repeat 0 0;
	}

#pagecolorProof h1{
	background:url(/sozai000/title/kousei_printer_title.png) no-repeat 0 0;
	}
#pageprinterColorProof h1{
	background:url(/sozai000/title/kousei_printer_title.png) no-repeat 0 0;
	}
#pagehonki h1{
	background:url(/sozai000/title/kousei_honki_title.png) no-repeat 0 0;
	}
#pagekouseiFlow h1{
	background:url(/sozai000/title/kousei_tyuumon_title01.png) no-repeat 0 0;
	padding-top:50px;
	margin-bottom:20px;
	}
#pagekOption1 h1,#pagekOption2 h1,#pagekOption3 h1{
	background:url(/sozai000/title/kakouoption.png) no-repeat 0 0;
	padding-top:80px;
	margin-bottom:3px;
	}
#pagekakouItiran h1{
	font-size:130%;
	color:#F00;
	font-weight:bold;
	padding-left:20px;
	}

/* ==================================================================
	campaignNamecard
====================================================================*/


#pagecampaignNamecard #wrapper,#pageposter #wrapper,#pageatobarai #container{
	 width: 1034px;
	}
#pagecampaignNamecard h1{
	background:url(/img/campaign/namecard/h1.jpg) no-repeat 50% 50%;
	padding-top:147px;
	}
#pagepayEasy h1{
	background:url(/sozai000/title/pay-easy_title.png) no-repeat 50% 50%;
	padding-top:200px;
	margin-bottom:20px;
	}

#pageecoCampaign h1,#pagedataSoushin h1,#pageareaLimited001 h1,
#pageproof001 h1,#pagelanding0529 h1,#pageposter001 h1,#pagedeisankyoten h1{
	height:0px;
	}

#pagepluralOrder h1{
	background:url(/sozai000/title/s_title00.png) no-repeat;
	padding-top:150px;
	margin:20px 0;
	width:545px;
	border:dashed 1px #0000FF;
	}

#pageiconDownload h1{
	background:url(/sozai000/title/easyicon1.png) no-repeat;
	padding-top:80px;
	margin-bottom:20px;
	}

.pageRightFlash h1,.pageIconFlash h1{
	display:none;
		}

#pagemaps h1,#pagemaps h2{
	font-weight:bold;
	font-size:110%;
	padding:8px;
	background-color:#ff9206;
	width:200px;
	text-align:center;
	}

#pagemaps #orederSn{
	background:url(/sozai000/gotyuumon.gif) no-repeat 0 0;
	width:215px;
	padding:30px 0 0 0 !important;
	margin:10px auto;
	}
.mb200{
	margin-bottom:200px;}

.mb20{
	margin-bottom:20px;}

.red3{
	color:#F00;
	}

.redSB{
	color:#F00;
	font-size:80%;
	font-weight:bold;
	}


.small2{
	font-size:80%;
}

.smallBlue{color:#3d5c8e;
		font-size:80%;
}

.smallBlue2{color:#00F;
		font-size:80%;
}


.smallRed{color:#F00;
		font-size:80%;
}
.smallRed2{color:#C00;
		font-size:80%;
}

.largeRed{
	font-size:150%;
	color:#F00;
}

.largeRed2{
	font-size:150%;
	color:#C00;}


#pageuseGuide h2{
	margin:20px auto 30px;
	}
#pageuseGuide .right{
	text-align:left;
	}

table.optionTable td{
	height:18px;
	width:70px;
	text-align:center;
	background-color:#FFF;
	font-size:9pt;
}

.pinkBold{

	color:#f0f;
	font-weight:bold;
	}

.black{
	color:#000;
	}
.darkBlue{
	color:#1f497d;
	font-size:150%;
	}

.blackSmall{
	color:#000;
	font-size:80%;}

.darkGreen{
	font-size:80%;
	color:#066;
	font-weight:bold;
	}

.blueBold{
	color:#00C;
	font-weight:bold;
	}
.redBold{
	color:#F00;
	font-weight:bold;
	}

.blue2{
	color:#00F;
	}


/* ==================================================================
	kousei
====================================================================*/

.dotGreenList{
	border-color: green;
    border-style: dashed;
    border-width: 3px;
	width:550px;
	color:#000;
	font-size:80%;
		}
.w550{
	width:550px;
	}
.aboutTable{
	line-height : 20px;
	margin : 5px;
	border: 5px double green;
	width:550px;
	font-weight:bold;
}

/* ==================================================================
	useGuide
====================================================================*/
#pageuseGuide .leftBox{
	width:200px;
	}

#pageuseGuide .wrapBox{
clear:both; width:540px; margin:15px auto;
	}

#pageuseGuide .rightBox{
width:290px;
padding:10px;
margin:2px;
border:1px solid #F0F0F0;
}

.pink2{
	color:#f0f;
	}

.tebiki {
	 margin-bottom: -4px;
}

.mt5 {
	margin-top: 5px !important;
}

.mb10 {
	margin-bottom:10px !important;
}

.pagetSecond a{
	color:#00F;
	}


.pagetempSecond h2{
	font-size:130%;
	margin:8px 5px;
	}
.tempTable{
	color:#00F;
	font-size:80%;
	background-color : #f5f5f5;
	border:0;
	}

.tempTable td{
	padding:3px 5px;
	}

.tempTable a{
	background:url(/sozai000/moji_side00.png) no-repeat 0 50%;
	padding-left:10px;
	margin:0 5px;
}


.tTopBox{
	border-width : 3px;
	border-style : double;
	border-color : green;
	font-size:80%;
}

.greenSection{
	line-height : 25px;
	border-width : 3px;
	border-style : double;
	border-color : green;
}
hr.aqua{
	height:5px;
	background-color : aqua;
}

.tempGrayBox{
	width:640px;
	line-height : 20px;
	background-color : white;
	padding:5px;
	font-size:80%;
}

.white {
	background: #fff !important;
}

/* ==================================================================
	icon download
====================================================================*/


.dispatch03 {
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 15px;
}
.leftCap {
	float:left;
	width:306px;
}
.rightCap {
	width:325px;
	height:157px;
	float:right;
}

.leftCap2 {
	clear:both;
	float:left;
	width:346px;
	margin-right:20px;
}

.rightCap2 {
	float:right;
	width:306px;
}