﻿@charset "UTF-8";
/*
	デザ☆スタ
	Copyright (C) dezasta. All Rights Reserved

*/

/*------------------------------------------------------------------------------
1-GLOBAL
2-HEADER
3-FOOTER
4-CONTENTS
5-UNDER PAGES
6-JAVASCRIPT
7-HI-SPEC-COADING
8-RESET
 -------------------------------------------------------------------------------*/

/* //////////////////////////////////////////////////
[1 GLOBAL] 
////////////////////////////////////////////////// */

html{
	height:100%;
}

body  {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background-attachment: scroll;
	background-color:#fff;
    -webkit-text-size-adjust: none;
}

.wraper{
	margin:0px auto;
	padding:0;
	background:url(../presswin_img/head_bg.jpg) repeat-x left top;
	color:#333333;
	font-size:10px;
}

/*-----------------------------------------------------------------------  GLOBAL*/


/* //////////////////////////////////////////////////
[2 HEADER] 
////////////////////////////////////////////////// */

#head{
	width:982px;
	height:170px;
	margin:0 auto;
	position:relative;
}
	#head figure{
		position:absolute;
		top:0;
		z-index:1;
	}
	#head .h1{
		position:absolute;
		left:0;
		top:0;
		width:270px;
		height:129px;
		text-indent:-999999px;
		z-index:9999;
	}
		#head .h1 h1{
			width:270px;
			height:129px;
		}
			#head .h1 h1 a{
				width:270px;
				height:129px;
				display:block;
			}
	#head .collection{
		position:absolute;
		left:273px;
		top:0;
		width:337px;
		height:129px;
		text-indent:-999999px;
		z-index:9999;
	}
		#head .collection a{
			width:337px;
			height:129px;
			display:block;
		}
	#head .chicket{
		position:absolute;
		left:647px;
		top:23px;
		width:264px;
		height:94px;
		text-indent:-999999px;
		z-index:9999;
	}
		#head .chicket a{
			width:264px;
			height:94px;
			display:block;
		}
	#head ul.sns{
		position:absolute;
		left:932px;
		top:23px;
		width:30px;
		z-index:9999;
	}
		#head ul.sns li{
			width:30px;
			height:30px;
			text-indent:-999999px;
		}
			#head ul.sns li a{
				width:30px;
				height:30px;
				display:block;
			}
	#head nav{
		position:absolute;
		left:0;
		top:129px;
		z-index:99999;
	}
		#head nav ul{}
			#head nav ul li{
				float:left;
				min-width:1px;
				text-indent:-999999px;
			}
				#head nav ul li a{
					height:42px;
					display:block;
				}
				#head nav ul li.nav01 a{
					width:91px;
				}
				#head nav ul li.nav02 a{
					width:107px;
				}
				#head nav ul li.nav03 a{
					width:95px;
				}
				#head nav ul li.nav04 a{
					width:94px;
				}
				#head nav ul li.nav05 a{
					width:96px;
				}
				#head nav ul li.nav06 a{
					width:107px;
				}
				#head nav ul li.nav07 a{
					width:90px;
				}
				#head nav ul li.nav08 a{
					width:107px;
				}
				#head nav ul li.nav09 a{
					width:98px;
				}
				#head nav ul li.nav09 a{
					width:98px;
				}

/*-----------------------------------------------------------------------  HEADER*/

/* //////////////////////////////////////////////////
[3 FOOTER] 
////////////////////////////////////////////////// */

.foot{
	width:980px;
	margin:60px auto 0;
} 

/*-----------------------------------------------------------------------  FOOTER*/

/* //////////////////////////////////////////////////
[4 CONTENTS] 
////////////////////////////////////////////////// */

.contents{
	width:982px;
	margin:0 auto;
	position:relative;
}
		.contents .page_nav{
			top:180px;
			left:3px;
			position:fixed;
			z-index:99999999;
		}
			.contents .page_nav ul{}
				.contents .page_nav ul li{
					margin-top:6px;
				}
	.contents .top_image{
		position:relative;
		left:-210px;
	}
		.contents #about{
			position:relative;
			top:-24px;
			left:0;
			text-align:center;
			width:100%;
		}
			.contents #about .h2{}
				.contents #about .h2 p{
					margin-top:30px;
				}
			.contents #about .h3{
				margin-bottom:25px;
				margin-top:40px;
			}
				.contents #about .h3 h3{}
				.contents #about figure{
					width:322px;
					position:relative;
					left:0;
					float:left;
				}
				.contents #about article{
					position:relative;
					left:40px;
					top:10px;
					width:580px;
					float:left;
					text-align:left;
				}
					.contents #about article p{
						margin-top:20px;
						font-size:1.2em;
						line-height:1.4em;
					}
					.contents #about article p span{
						font-weight:bold;
						font-size:1.4em;
						line-height:1.4em;
					}
		.contents .dsp_contents{
			width:100%;
			min-height:1px;
			position:relative;
			margin-top:0;
		}
		.contents #mission{
			margin-top:30px !important;
		}
			.contents .dsp_contents .bg{
			}
			.contents .dsp_contents .group_head{
				text-indent:-999999px;
			}
				.contents .dsp_contents article p{
					font-size:1.4em;
					line-height:1.6em;
					margin-top:20px;
					letter-spacing:.1em;
				}
					.contents .dsp_contents article p span{
						font-size:.8em;
						line-height:1.4em;
					}
			.contents #mission article{
				position:absolute;
				top:175px;
				left:94px;
				color:#333333;
				z-index:999999;
				width:580px;
			}
			.contents #mission figure{
				position:absolute;
				top:66px;
				right:69px;
				z-index:999999;
			}
			.contents #mission dl{
				position:absolute;
				left:94px;
				bottom:70px;
				width:100%;
			}
				.contents #mission dl dt{
					float:left;
					width:140px;
				}
				.contents #mission dl dd{
					float:left;
					margin-top:28px;
					font-size:1.4em;
					font-weight:bold;
				}
			.contents #capacity article{
				position:absolute;
				top:139px;
				left:94px;
				color:#333333;
				z-index:999999;
				width:580px;
			}
			.contents #capacity figure{
				position:absolute;
				top:64px;
				right:69px;
				z-index:999999;
			}
			.contents #guideline article{
				position:absolute;
				top:336px;
				left:94px;
				color:#333333;
				z-index:999999;
			}
				.contents #guideline article p{
					font-weight:bold;
					font-size:1.6em;
				}
				.contents #guideline article dl{
					position:relative;
					min-height:34px;
					margin-top:15px;
				}
					.contents #guideline article dl dt{
						position:absolute;
						left:0;
						top:0;
					}
					.contents #guideline article dl dd{
						padding-left:40px;
						font-size:1.6em;
						line-height:1.4em;
						padding-top:3px;
					}
						.contents #guideline article dl dd span{
							font-weight:bold;
						}
				
			.contents #apply article{
				position:absolute;
				top:148px;
				left:94px;
				color:#333333;
				z-index:999999;
			}
		.contents .btn_area{
			margin-top:25px;
			text-align:center;
		}
			.contents .btn_area a{
				width:518px;
				height:145px;
				display:block;
				margin:0 auto;
				background:url(../presswin_img/apply_btn.png) no-repeat;
				text-indent:-9999px;
			}

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

/* //////////////////////////////////////////////////
[5 UNDER PAGES] 
////////////////////////////////////////////////// */

.contents.contact{}
	.contents.contact .h3{
		margin-top:20px;
		margin-bottom:20px;
		margin-left:10px;
		width:99%;
	}
		.contents.contact .h3 h3{
			background:#000;
			color:#FFF;
			padding:.8em 2em;
			font-size:1.4em;
		}
	.contents.contact .form_set{}
		.contents.contact .form_set p{
			font-size:1.4em;
			line-height:1.6em;
			text-align:center;
		}
		.contents.contact .form_set table{
			width:80%;
			margin:0 auto;
		}
			.contents.contact .form_set table th,
			.contents.contact .form_set table td{
				font-size:1.4em;	
			}
			.contents.contact .form_set table th{
				text-align:left;
				width:20%;
				vertical-align:top;
				padding:13px;
			}
			.contents.contact .form_set table td{
				padding:5px;
			}
				.contents.contact .form_set table td input,
				.contents.contact .form_set table td textarea{
					width:76%;
					padding:3px;
				}
		.contents.contact .form_set .btn_area{
			margin-top:20px;
			text-align:center;
		}
			.contents.contact .form_set .btn_area button{
				background:#000;
				color:#FFF;
				padding:.8em 2em;
				border:0;
				box-shadow:none;
				cursor:pointer;
				font-weight:bold;
			}
		.contents.contact .form_set .thanks{
			margin:30px 0 80px;
		}
.contact #upload,
.contact #mask_upload {
	display:none;
}
.contact .upload_mask span {
	width:170px;
	height:40px;
	background:url(../pwriter/img/upload.png) no-repeat left top;
	display:block;
	cursor:pointer;
}

/*-----------------------------------------------------------------------  UNDER PAGES*/

/* //////////////////////////////////////////////////
[6 JAVASCRIPT] 
////////////////////////////////////////////////// */


/*SLIDER*/

/*----------------------------------------------------------------------- JAVA SCRIPT*/

/* //////////////////////////////////////////////////
[7 HI-SPEC-COADING] 
////////////////////////////////////////////////// */

/*WIDTH */
.w10{ width:10px; } .w20{ width:20px; } .w30{ width:30px; } .w60{ width:60px; } .w70{ width:70px; } .w100{ width:100px; } .w140{ width:140px; } .w200{ width:200px; } .w300{ width:300px; } .w320{ width:320px; }

/*HEIGHT */
.h10{ height:10px; }

/* MARGIN */
.m0a		{  margin:0px auto 0px !important; }
.mt5		{ margin-top: 5px !important; }
.mt10		{ margin-top: 10px !important; }
.mt15		{ margin-top: 15px !important; }
.mt20		{ margin-top: 20px !important; }
.mt30		{ margin-top: 30px !important; }
.mt40		{ margin-top: 40px !important; }
.mr5		{ margin-right: 5px !important; }
.mr10		{ margin-right: 10px !important; }
.mr15		{ margin-right: 10px !important; }
.mr20		{ margin-right: 20px !important; }
.mr30		{ margin-right: 30px !important; }
.mr40		{ margin-right: 40px !important; }
.mb5		{ margin-bottom: 5px !important; }
.mb10		{ margin-bottom: 10px !important; }
.mb15		{ margin-bottom: 15px !important; }
.mb20		{ margin-bottom: 20px !important; }
.mb30		{ margin-bottom: 30px !important; }
.mb40		{ margin-bottom: 40px !important; }
.ml5		{ margin-left: 5px !important; }
.ml10		{ margin-left: 10px !important; }
.ml15		{ margin-left: 15px !important; }
.ml20		{ margin-left: 20px !important; }
.ml30		{ margin-left: 30px !important; }
.ml40		{ margin-left: 40px !important; }

/* PADDING */
.p5			{ padding: 5px !important; }
.pt10		{ padding-top: 10px !important; }
.pt20		{ padding-top: 20px !important; }
.pt30		{ padding-top: 30px !important; }
.pt40		{ padding-top: 40px !important; }
.pt50		{ padding-top: 50px !important; }
.pr10		{ padding-right: 5px !important; }
.pr10		{ padding-right: 10px !important; }
.pr20		{ padding-right: 20px !important; }
.pr30		{ padding-right: 30px !important; }
.pr40		{ padding-right: 40px !important; }
.pr50		{ padding-right: 50px !important; }
.pb10		{ padding-bottom: 5px !important; }
.pb10		{ padding-bottom: 10px !important; }
.pb20		{ padding-bottom: 20px !important; }
.pb30		{ padding-bottom: 30px !important; }
.pb40		{ padding-bottom: 40px !important; }
.pb50		{ padding-bottom: 50px !important; }
.pl5		{ padding-left: 5px !important; }
.pl10		{ padding-left: 10px !important; }
.pl20		{ padding-left: 20px !important; }
.pl30		{ padding-left: 30px !important; }
.pl40		{ padding-left: 40px !important; }
.pl50		{ padding-left: 50px !important; }

/* OVERFLOW */
.ofh{ overflow: hidden !important; } .ofa{ overflow: auto !important; } .ofs{ overflow: scroll !important; } .ofxs{ overflow-x: scroll !important; } .ofys{ overflow-y: scroll !important; }

/* FONT-WEIGHT */
.b{ font-weight: bold !important; } .n{ font-weight: normal !important; }

/* FONT-SIZE */
.fwb		{ font-weight: bold !important; }
.fs8		{ font-size: 8px !important; }
.fs9		{ font-size: 9px !important; }
.fs10		{ font-size: 10px !important; }
.fs12		{ font-size: 12px !important; }
.fs14		{ font-size: 14px !important; }
.fs16		{ font-size: 16px !important; }
.fs18		{ font-size: 18px !important; }
.fs20		{ font-size: 20px !important; }
.fs22		{ font-size: 22px !important; }
.fs24		{ font-size: 24px !important; }
.fs25		{ font-size: 25px !important; }
.fs26		{ font-size: 26px !important; }
.fs27		{ font-size: 27px !important; }
.fs28		{ font-size: 28px !important; }
.fs29		{ font-size: 29px !important; }

/* TEXT-ALIGN */
.tac			{ text-align: center !important; }
.tar			{ text-align: right !important; }
.tal			{ text-align: left !important; }

/* FLOAT */
.fl		{  float:left !important; }
.fr		{  float:right !important; }

/* DISPLAY */
.dpi{ display:inline;}
.dpb{ display:block;}

/* DECORATION */
.tdn {	text-decoration: none;}

/* COLOR */
.color1{	color:#006027;}
.color2{	color:#e24949;}
.color3{	color:#aa4e35;}
.color4{	color:#ff0000;}
.color5{	color:#ffcdcd;}

/*BUTTON*/
.btn_area{
	text-align:center;
	
}
	.btn_area .button{
		display: inline-block;
		zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
		*display: inline;
		vertical-align: baseline;
		margin: 0 auto;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font: 12px/100% Arial, Helvetica, sans-serif;
		padding: .5em 2em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		line-height:160%;
	}
	.green {
		color: #e8f0de;
		border: solid 1px #538312;
		background: #64991e;
		background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
		background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
		}
	.gray {
		color: #e9e9e9;
		border: solid 1px #555;
		background: #6e6e6e;
		background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
		background: -moz-linear-gradient(top,  #888,  #575757);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
	}
	.orange {
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	}

/* UL */
ul{
	list-style:none;
}

/* CLEAR */
.clf{
	clear:fixed;
	min-height: 1px;
}
.clf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/*-----------------------------------------------------------------------  Hi Spec Coding*/

/* //////////////////////////////////////////////////
[8 RESET] 
////////////////////////////////////////////////// */

* {
	margin: 0;
	padding: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.print_next {
page-break-before: always;
}
/*----------------------------------------------------------------------- RESET*/