@charset "utf-8";

/******* base layout *******/
#wrapAll {
	min-height: 100%;
	height: auto !important;
	height:100%;
	width:800px;
	margin:0 auto -75px auto;
	background:url(../images/share/back_main.gif) repeat-y center 0;
}
#wrapHaed {
	width:800px;
	margin:0 auto;
	height:75px;
	position:relative;
}
#wrapMain {
	padding-bottom:85px;
	#padding-bottom:10px;
}

#footer-space {
　height:75px;
}
#wrapFoot {
	width:800px;
	margin:auto;
	height:75px;
}



/****************** base content layout *****************************/
/********* header ************/
#wrapHaed {
	background:#fff;
	font-family:"Corbel";
}
#wrapHaed h1, #wrapHaed ul, #wrapHaed p {
	position:absolute;
}
/* ozora logo */
#wrapHaed h1 {
	top:16px;
	left:17px;
}

/* japanese link */
#wrapHaed p {
	font-size:95%;
	height:16px;
	line-height:16px;
	top:18px;
	right:20px;
}
#wrapHaed p img {
	float:left;
	margin-right:4px;
}
#wrapHaed p a {
	color:#333;
	text-decoration:none;
}
#wrapHaed p a:hover {
	color:#ff8088;
}
/* navigation on page top */
#wrapHaed ul {} /* ->> navi.css */


/********* main wrap ************/

/** left side navigation area **/ 
/* layout*/
#wrapLeft{
	float:left;
	width:210px;
}
/* global navi */ 
#glNavi { }/* ->> navi.css */


/* address */
#wrapLeft #boxAddress {
	width:170px;
	margin:0 auto 20px;
}
#boxAddress p {
	font-size:75%;
	margin-bottom:1px;
	letter-spacing:0.1em;
}

/* map banner button */
#wrapLeft .bnrMap, #wrapLeft .bnrMap a {
	width:170px;
	height:200px;
	display:block;
}
#wrapLeft .bnrMap {
	margin:0 auto 15px;
}
#wrapLeft .bnrMap a {
	 background:url(../images/share/map_ov.gif) no-repeat;
}
#wrapLeft .bnrMap a:hover {
	text-indent:-9999px;
}

/* twitter banners */
#wrapLeft .bnrP {
	width:170px;
	margin:0 auto;
	padding:0;
}

/**** right side -- main content area ***/
#wrapRight {
	width:590px;
	float:right;
}
.indexTop p{
	width:590px;
	height:105px;
	display:block;
	text-indent:-9999px;
}
#indexTop01 {
	background:url(../images/index/topimg_01.jpg) no-repeat;
}
#indexTop02 {
	background:url(../images/index/topimg_02.jpg) no-repeat;
}

/* content area */
#wrapContent {
	width:550px;
	padding:5px 20px 25px;
	#padding:5px 20px 5px;
}
/* box layout */
div.boxMain div.boxImgL,
div.boxMain div.boxImgR,
div.boxMain div.boxTxtL,
div.boxMain div.boxTxtR {
	display:table-cell;
	vertical-align:top;
}

.boxImgL {
	float:left;
	width:155px;
	padding:6px 0 0 15px;
}
.boxImgR {
	float:right;
	padding-top:6px;
	width:155px;
}
.boxTxtL {
	float:left;
	width:355px;
	padding:0 20px 0 15px;
}
.boxTxtR {
	float:right;
	width:360px;
	padding-left:20px;
}

/* IE 6 */
* html div.boxMain div.boxImgL,
* html div.boxMain div.boxImgR,
* html div.boxMain div.boxTxtL,
* html div.boxMain div.boxTxtR {
display: inline;
zoom: 1;
}
 
/* IE 7 */
*:first-child+html div.boxMain div.boxImgL,
*:first-child+html div.boxMain div.boxImgR,
*:first-child+html div.boxMain div.boxTxtL,
*:first-child+html div.boxMain div.boxTxtR {
display: inline;
zoom: 1;
}
 
/*\*//*/
* html div.boxMain div.boxImgL,
* html div.boxMain div.boxImgR,
* html div.boxMain div.boxTxtL,
* html div.boxMain div.boxTxtR {
display: inline-block;
}
/**/

/* h2 */
#wrapContent h2 {
	margin-bottom: 18px;
}

/* h3 */
#wrapContent h3 {
	font-size:155%;
	letter-spacing:0.1em;
	margin-bottom: 10px;
}

/* h4 */


/* p */
.boxTxtL p,
.boxTxtR p {
	font-size:95%;
	letter-spacing:0.07em;
}



/* bread - pankuzu */
#wrapRight .bread {
	font-size: 80%;
	letter-spacing:0.08em;
	display:block;
	height:25px;
	margin:7px 0 1px 38px;
}
#wrapRight .bread li {
	padding:0 6px 0 15px;
	float:left;
	background:url(../images/share/arrow_bread.gif) no-repeat 0 50%;
}
#wrapRight .bread li.homeLi {
	padding-left:0;
	background:none;
}


/********* footer wrap ************/
#wrapFoot {
	background:#fff;
	border-top:solid 1px #533c3d;
}
#wrapFoot p {
	font-size:80%;
	text-align:center;
	letter-spacing:0.11em;
	padding-top:10px;
}

/******** go page top  link ************/
.gotop p{
	font-size:80%;
	font-weight:bold;
	float:right;
	padding-left:16px;
	margin:0 5px 15px 0;
	background:url(../images/share/arrow_pt.gif) no-repeat 0 50%;
}
.gotop a {
	color:#B3B3B3;
	text-decoration:none;
}
.gotop a:hover {
	text-decoration:underline;
}


/********* share style -font size, font color, margine, align ************/
/* font size */
#wrapMain .f120 {
	font-size:120%;
}
#wrapMain .f90 {
	font-size:90%;
}
#wrapMain .f80 {
	font-size:80%;
}
#wrapMain .f70 {
	font-size:70%;
}
#wrapMain .f65 {
	font-size:65%;
}
#wrapMain .f60 {
	font-size:60%;
}


#wrapMain .f12 {
	font-size:12px;
}
#wrapMain .f14 {
	font-size:14px;
}

#wrapMain .bold {
	font-weight:bold;
}


/* font color */
#wrapMain .fRed {
	color:#F00;
}


/* align */

#wrapMain .center {
	text-align:center;
}
#wrapMain .left {
	text-align:left;
}
#wrapMain .right {
	text-align:right;
}

/* margin */
/*bottom*/
#wrapMain .mb0 {
	margin-bottom:0px;
}
#wrapMain .mb05 {
	margin-bottom:5px;
}
#wrapMain .mb10 {
	margin-bottom:10px;
}
#wrapMain .mb15 {
	margin-bottom:15px;
}
#wrapMain .mb20 {
	margin-bottom:20px;
}
#wrapMain .mb25 {
	margin-bottom:25px;
}
#wrapMain .mb30 {
	margin-bottom:30px;
}
#wrapMain .mb35 {
	margin-bottom:35px;
}

/*top*/
#wrapMain .mt05 {
	margin-top:5px;
}
#wrapMain .mt10 {
	margin-top:10px;
}
#wrapMain .mt20 {
	margin-top:20px;
}
#wrapMain .mt30 {
	margin-top:30px;
}

/*right*/
#wrapMain .mr0 {
	margin-right:0px;
}
#wrapMain .mr05 {
	margin-right:5px;
}
#wrapMain .mr10 {
	margin-right:10px;
}
#wrapMain .mr15 {
	margin-right:15px;
}
#wrapMain .mr20 {
	margin-right:20px;
}
#wrapMain .mr30 {
	margin-right:30px;
}
#wrapMain .mr40 {
	margin-right:40px;
}
#wrapMain .mr60 {
	margin-right:60px;
}