/* ===== Contents Area ===== */

#outline {
	margin: 10px;
	width: 850px;
}

#main {
	float: left;
	width: 560px;
	text-align: left;
	display: inline;
}

#sub {
	float: left;
	width: 270px;
	padding-left: 20px;
	text-align: left;
	display: inline;
}



/* ===== Pickup Area ===== */

#pickupArea {
	width: 560px;
	background-image: url(../image/common/window_back_560.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

#pickupArea #pickupArea-back {
	width: 560px;
	padding-bottom: 5px;
	background-image: url(../image/common/window_back_bottom_560.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#pickupArea #flashArea {
	width: 540px;
	height: 210px;
	margin-left: 10px;
}



/* ===== Webpita Area ===== */

#webpitaArea {
	width: 560px;
	margin-top: 10px;
	background-image: url(../image/common/window_back_560.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

#webpitaArea #webpitaArea-back {
	width: 560px;
	padding-bottom: 10px;
	background-image: url(../image/common/window_back_bottom_560.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#webpitaArea #webpitaArea-space {
	width: 540px;
	margin: 10px 10px 0 10px;
}

#webpitaArea #webpitaArea-space .imageArea {
	float: left;
	width: 200px;
	margin-right: 10px;
	display: inline;
}

/*#webpitaArea #webpitaArea-space .textArea {
	float: left;
	width: 330px;
	display: inline;
}*/
#webpitaArea #webpitaArea-space .textArea h4 {
	color : #ff7f00;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}
#webpitaArea #webpitaArea-space .textArea p {
	margin-top: 5px;
	color : #524c3e;
	font-size: 75%;
	line-height:150%;
}
#webpitaArea #webpitaArea-space .textArea p.p-inner {
	margin-top: 10px;
}
#webpitaArea #webpitaArea-space .textArea p a:link,
#webpitaArea #webpitaArea-space .textArea p a:visited {
	color : #009cae;
}
#webpitaArea #webpitaArea-space .textArea p a:hover,
#webpitaArea #webpitaArea-space .textArea p a:active {
	color : #009cae;
	text-decoration: underline;
}





/* ===== Book Area ===== */

#bookArea {
	width: 560px;
	margin-top: 10px;
	background-image: url(../image/common/window_back_560.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

#bookArea #bookArea-back {
	width: 560px;
	padding-bottom: 10px;
	background-image: url(../image/common/window_back_bottom_560.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#bookArea .webbookArea {
	width: 540px;
	margin: 10px 10px 0 10px;
	padding-bottom: 5px;
	border-bottom: #ccc dashed 1px;
}
#bookArea .webbookArea .imageArea {
	float: left;
	width: 130px;
	display: inline;
}

#bookArea .webbookArea .textArea {
	float: left;
	width: 280px;
	text-align: left;
	display: inline;
}
#bookArea .webbookArea .textArea h4 {
	color : #009cae;
	font-size: 85%;
	line-height: 150%;
}
#bookArea .webbookArea .textArea h4 a:link,
#bookArea .webbookArea .textArea h4 a:visited {
	color : #009cae;
}
#bookArea .webbookArea .textArea h4 a:hover,
#bookArea .webbookArea .textArea h4 a:active {
	color : #009cae;
	text-decoration: underline;
}
#bookArea .webbookArea .textArea p {
	margin-right: 10px;
	color : #524c3e;
	font-size: 75%;
	line-height:150%;
}

#bookArea .webbookArea .buttonArea {
	float: left;
	width: 130px;
	text-align: left;
	display: inline;
}
#bookArea .webbookArea .buttonArea p {
	color : #524c3e;
	font-size: 65%;
	line-height:150%;
}
#bookArea .webbookArea .buttonArea p a:link,
#bookArea .webbookArea .buttonArea p a:visited {
	color : #524c3e;
}
#bookArea .webbookArea .buttonArea p a:hover,
#bookArea .webbookArea .buttonArea p a:active {
	color : #524c3e;
	text-decoration: underline;
}
#bookArea .webbookArea .buttonArea p span {
	color : #ff7f00;
}
#bookArea .webbookArea .buttonArea img {
	margin-top: 15px;
}



/* ===== Big Button Area ===== */

#bigbuttonArea {
	width: 270px;
}

#bigbuttonArea img.img-inner {
	margin-top: 10px;
}



/* ===== News Area ===== */

#newsArea {
	margin-top: 10px;
	width: 270px;
	background-image: url(../image/common/window_back_270.jpg);
	background-position: 0 0;
	background-repeat: repeat-y;
}

#newsArea #newsArea-back {
	width: 270px;
	padding-bottom: 10px;
	background-image: url(../image/common/window_back_bottom_270.jpg);
	background-position: 0 bottom;
	background-repeat: no-repeat;
}

#newsArea #newsArea-space {
	width: 250px;
	margin: 0px 10px 0 10px;
}

#newsArea #newsArea-space .newsListArea {
	width: 250px;
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: #ccc dashed 1px;
	text-align: left;
}

#newsArea #newsArea-space .newsListArea h4 {
	color : #ff7f00;
	font-size: 75%;
	line-height:100%;
}

#newsArea #newsArea-space .newsListArea p {
	margin-top: 2px;
	color : #524c3e;
	font-size: 75%;
	line-height:150%;
}

#newsArea #newsArea-space .newsListArea p a:link,
#newsArea #newsArea-space .newsListArea p a:visited {
	color : #009cae;
}

#newsArea #newsArea-space .newsListArea p a:hover,
#newsArea #newsArea-space .newsListArea p a:active {
	color : #009cae;
	text-decoration: underline;
}



/* ===== News Release Area ===== */

#newsReleaseArea {
	margin-top: 10px;
	width: 270px;
	background-image: url(../image/common/window_back_270.jpg);
	background-position: 0 0;
	background-repeat: repeat-y;
}

#newsReleaseArea #newsReleaseArea-back {
	width: 270px;
	padding-bottom: 10px;
	background-image: url(../image/common/window_back_bottom_270.jpg);
	background-position: 0 bottom;
	background-repeat: no-repeat;
}

#newsReleaseArea #newsReleaseArea-space {
	width: 250px;
	margin: 5px 10px 0 10px;
}



/* ===== Lita Area ===== */

#litaArea {
	width: 270px;
	margin-top: 10px;
	background-image: url(../image/common/window_back_270.jpg);
	background-position: 0 0;
	background-repeat: repeat-y;
}

#litaArea #litaArea-back {
	width: 270px;
	padding-bottom: 10px;
	background-image: url(../image/common/window_back_bottom_270.jpg);
	background-position: 0 bottom;
	background-repeat: no-repeat;
}

#litaArea #litaArea-space {
	width: 250px;
	margin: 0 10px 0 10px;
}

#litaArea #litaArea-space .textArea {
	width: 250px;
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: #ccc dashed 1px;
	text-align: left;
}

#litaArea #litaArea-space .textArea h4 {
	margin-top: 5px;
	color : #ff7f00;
	font-size: 75%;
	line-height: 100%;
}

#litaArea #litaArea-space .textArea p {
	margin-top: 2px;
	color : #524c3e;
	font-size: 75%;
	line-height: 150%;
}
#litaArea #litaArea-space .textArea p a:link,
#litaArea #litaArea-space .textArea p a:visited {
	color : #009cae;
}
#litaArea #litaArea-space .textArea p a:hover,
#litaArea #litaArea-space .textArea p a:active {
	color : #009cae;
	text-decoration: underline;
}
#litaArea #litaArea-space .textArea ul {/zoom: 1;}
#litaArea #litaArea-space .textArea ul:after { content: ''; display: block; clear: both; }

#litaArea #litaArea-space .textArea ul li {
	margin-top: 2px;
	color : #524c3e;
	font-size: 75%;
	line-height: 150%;
	width:50%;
	float:left;
}

#litaArea #litaArea-space .textArea ul li a{
	color : #009cae;
	padding-left:13px;
	white-space: nowrap;
	background: url(../image/common/arrow01_white.gif) no-repeat left 0;
}
#litaArea #litaArea-space .textArea ul li a:link,
#litaArea #litaArea-space .textArea ul li a:visited {
}
#litaArea #litaArea-space .textArea ul li a:hover,
#litaArea #litaArea-space .textArea ul li a:active {
	text-decoration: underline;
}



#lita {
	margin-top: 10px;
	width: 270px;
	background-image: url(../image/common/window_back_270.jpg);
	background-position: 0 0;
	background-repeat: repeat-y;
}

#lita .back {
	width: 270px;
	background-image: url(../image/common/window_back_bottom_270.jpg);
	background-position: 0 bottom;
	background-repeat: no-repeat;
}

#lita .space {
	margin: 5px 10px 0 10px;
	width: 250px;
}

#lita .space .img {
}

#lita .space .midashi {
	margin-top: 5px;
	text-align: left;
	color : #ff7f00;
	font-size: 75%;
	line-height:100%;
}
#lita .space .midashi2 {
	margin-top: 10px;
	text-align: left;
	color : #ff7f00;
	font-size: 75%;
	line-height:100%;
}
#lita .space .txt {
	margin-top: 2px;
	text-align: left;
	color : #524c3e;
	font-size: 75%;
	line-height:150%;
}
#lita .space .txt a:link,
#lita .space .txt a:visited {
	color : #009cae;
}
#lita .space .txt a:hover,
#lita .space .txt a:active {
	color : #009cae;
	text-decoration: underline;
}
#lita .space .txt_last {
	margin-top: 2px;
	margin-bottom: 20px;
	text-align: left;
	color : #524c3e;
	font-size: 75%;
	line-height:150%;
}
#lita .space .txt_last a:link,
#lita .space .txt_last a:visited {
	color : #009cae;
}
#lita .space .txt_last a:hover,
#lita .space .txt_last a:active {
	color : #009cae;
	text-decoration: underline;
}








/* ===== Footer Banner Area ===== */

#footer_banner {
	width: 870px;
	height: 43px;
}
#footer_banner #banner_space1 {
	float: left;
	width: 132px;
	height: 43px;
}
#footer_banner #banner_space1 .img {
	margin-top: 10px;
	margin-left: 10px;
}
#footer_banner #banner_space2 {
	float: left;
	width: 630px;
	height: 43px;
}
#footer_banner #banner_space2 .txt {
	margin-top: 10px;
	color: #666;
	font-size: 65%;
	line-height: 140%;
}
#footer_banner #banner_space3 {
	float: left;
	width: 108px;
	height: 43px;
}
#footer_banner #banner_space3 .img {
	margin-top: 10px;
	margin-left: 10px;
}


/* 2012/08/09追加　広告エリア
--------------------------------------------- */

.adArea {
	width: 560px;
	margin-top: 10px;
	background-image: url(../image/common/window_back_560.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

.adArea .adArea-back {
	width: 560px;
	padding-bottom: 10px;
	background-image: url(../image/common/window_back_bottom_560.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.adArea .adArea-space {
	width: 540px;
	margin: 10px 10px 0 10px;
}

.adArea .adArea-space .imageArea {
	float: left;
	width: 200px;
	margin-right: 10px;
	display: inline;
}

/*.adArea .adArea-space .textArea {
	float: left;
	width: 330px;
	display: inline;
}*/
.adArea .adArea-space .textArea h4 a {
	color : #ff7f00;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}
.adArea .adArea-space .textArea p {
	margin-top: 5px;
	color : #524c3e;
	font-size: 75%;
	line-height:150%;
}
.adArea .adArea-space .textArea p.p-inner {
	margin-top: 10px;
}
.adArea .adArea-space .textArea p a:link,
.adArea .adArea-space .textArea p a:visited {
	color : #009cae;
}
.adArea .adArea-space .textArea p a:hover,
.adArea .adArea-space .textArea p a:active {
	color : #009cae;
	text-decoration: underline;
}