@charset "UTF-8";

/* = Webfont
-------------------------------------------------------------- */
@font-face{ 
	font-family: 'hikari-web';
	src: url('font/Hikari-web.eot');
	src: url('font/Hikari-web.eot?#iefix') format('embedded-opentype'),
	     url('font/Hikari-web.woff') format('woff'),
	     url('font/Hikari-web.ttf') format('truetype'),
	     url('font/Hikari-web.svg#webfont') format('svg');
}


/* = Link + Selection
-------------------------------------------------------------- */
a {
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
}	

a:link, a:visited{
	color: #888;
	text-decoration: none;
}
	
a:hover, a:active{
	color: #222;
	text-decoration: none;
}


::selection {
	background: #000; /* Safari */
	color: #fff;
}
::-moz-selection {
	background: #000; /* Firefox */
	color: #fff;
}

b {
	font-size:115%;
	font-weight:lighter;
	line-height:1.8em;
}

#colissimo {
	font-size:145%;
	font-weight:lighter;
	line-height:1.6em;
	margin:4px 0 -14px 0;
}



/* = Main Frame
-------------------------------------------------------------- */

*{ margin: 0; padding: 0; }

html,body{
	font-family:'hikari-web', 'Hiragino Mincho Pro', 'ＭＳ ゴシック','MS Gothic' ,monospace;
	font-weight:lighter;
	font-size:11px;
	line-height:1.4em;
	letter-spacing: 1px;
	text-align:center;
	-webkit-font-smoothing: antialiased;	

	background-color:#fefefe;
	color: #222;
}

body > #contents {
	height:auto;
	min-height:140px;
}

#wrapper{

	background-color:#fefefe;
	overflow: auto;
}

#page{
	margin:0 auto;
	background: #fff;
	position: relative;
	width: 480px;
}

#contents{
	width:480px;
	height:2550px;
	margin:0 auto;
	text-align:center;
}

#c1{
	float:left;
	font-size:13pt;	
	margin:120px 0 100px 230px;
}

#c2{
	float:left;
	font-size:11pt;
	margin:120px 0 150px 151px;
}

#c3{
	font-size:10pt;
	line-height:1.8em;
	text-align:center;
}

#c3box{
	float:left;
	font-size:10pt;
	line-height:1.8em;
	width:480px;
	margin:0 auto;
}


/* = tate
-------------------------------------------------------------- */


div.tate-line{
	float:right;
	width:1.05em;
	line-height:1.3em;
	margin-right:0.4em;
	margin-left:0.4em;
	padding-bottom:0.4em;

	word-wrap:break-word;
	direction:ltr;
}

.tate-line span.tate-kuto{
	display:block;
	width:0.4em;
	line-height:0.1em !Important;
	margin-bottom:0.9em;
	margin-left:0.6em !Important;
}

.tate-line span.tate-kakko{
	display:block;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}


.tate-line .font08 , .tate-line .font10 , .tate-line .font12 , .tate-line .font14 , .tate-line .font18 , .tate-line .font24 , .tate-line h1 , .tate-line h2 , .tate-line h3 , .tate-line h4 , .tate-line font  {
	display:block;
	position:relative;
	left:50%;
	width:1em;
	line-height:1.05em;
	margin-left:-0.5em;
	background-color:#00b;
} 

