@charset "UTF-8";

/* -------------------------------------------------------
  Component style Sheet
  Last Update 2011-05-13 SOY Labs

  01. header
  02. nav
    02-01. ul#navG
    02-02. ul.navL
    02-03. ul.navH
    02-04. ul.navF
  03. form
  04. content
  05. aside
  06. area-btt
  07. footer
  08. text
  09. list
  10. table
  11. grid
  12. h
  13. a
  14. p
  15. banner


10 	77
11 	85
12 	93
13 	100
14 	108
15 	116
16 	123.1
17 	131
18 	138.5
19 	146.5
20 	153.9
21 	161.6
22 	167
23 	174
24 	182
25 	189
26 	197

------------------------------------------------------- */

/* @group 01. header */
div#header div.area_id {
}
div#header div.area_id a {
	display: block;
}
div#header div.area_id span,
div#header div.area_id h1 {
	margin-bottom: 20px;
}
div#header div.area_id p.catch {
	margin-bottom: 8px;
	font-size: 138.5%;
}
div#header div.area_id p.description {
	margin-bottom: 27px;
	font-size: 93%;
	line-height: 1.5;
}
div.search-area {
	position: absolute;
	top: 0;
	right: 0;
	width: 220px;
	height: 30px;
	background-color: #e8e8e8;
}
	*+html body div.search-area {
		height: 31px;
	}

/* @end */

/* @group 02. nav */
/* navG */
div#navG {
	margin: 0 auto;
	width: 940px;
}
div#navG ul {
	margin:0;
	padding:0;
	position:static;
	margin-left: -30px;
}
div#navG ul li {
	margin:0;
	padding:0;
	list-style: none;
	float: left;
	list-style: none;
	display: inline;
	margin-left: 30px;
	line-height: 42px;
}
div#navG ul li a {
	display: block;
	font-weight: bold;
	color: #000;
}
div#navG ul li a:hover {
	display: block;
	font-weight: bold;
	color: #999;
	text-decoration:none;
}
div#navG ul li.stay a{
	color:#999;
}


/* navL */
div.navL {

}
div.navL ul {

}
div.navL ul li {
	list-style: none;
}


/* navF */
ul.navF {
	margin:0;
	padding:0;
	position:static;
	margin-top: 48px;
	margin-left: -10px;
	width: 660px;
	text-align: right;
}
ul.navF li {
	margin:0;
	padding:0;
	display: inline;
	margin-left: 10px;
}
ul.navF li a {
	padding-left: 9px;
	font-size: 85%;
	font-weight: bold;
	color: #333333;
	background-image: url("images/arrow-2.png");
	background-position: 0;
	background-repeat: no-repeat;
}
ul.navF li a:hover {
	background-image: url("images/arrow-2_on.png");
}

/* @end */


/* @group 03. form */
#search_input {
	width: 180px;
	border: none;
	background-color: #e8e8e8;
}
/* @end */


/* @group 04. aside */
div.item-menu {
}
div.item-menu h3{
	font-size: 123.1%;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url("images/box-1-bg.png");
	background-position: top left;
	background-repeat: no-repeat;
	margin:0;
}
div.item-menu ul {
	margin:0;
	padding:0;
	position:static;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:25px;
}
div.item-menu ul li {
	margin:0;
	padding:0;
	list-style: none;
	line-height: 22px;
}
div.item-menu ul li a,
div.item-menu ul li.selected a:hover,
div.item-menu ul li.selected a:active {
	padding-left: 17px;
	font-size: 93%;
	background-image: url("images/arrow-1.png");
	background-position: 0;
	background-repeat: no-repeat;
}
div.item-menu ul li a:hover,
div.item-menu ul li a.active,
div.item-menu ul li.selected span,
div.item-menu ul li.selected a {
	padding-left: 17px;
	font-size: 93%;
	background-image: url("images/arrow-1_on.png");
	background-position: 0;
	background-repeat: no-repeat;
	text-decoration: none;
}

/* @end */


/* @group 05. content */
div.p {
	margin-bottom:30px;
}
/* @end */

/* @group 06. topic_path */
div.topic-path ul {
	margin:0;
	padding:0;
	position:static;
	padding-bottom: 20px;
}
div.topic-path ul li{
	margin:0;
	padding:0;
	list-style: none;
	display: inline;
	font-size: 85%;
	font-weight: normal;
	padding-left: 5px;
}
div.topic-path ul a{
	padding-right: 15px;
	color: #000;
	background-image: url("images/arrow-4.png");
	background-position: center right;
	background-repeat: no-repeat;
}
div.topic-path ul a:hover{
	padding-right: 15px;
	text-decoration: underline;
	background-image: url("images/arrow-4.png");
	background-position: center right;
	background-repeat: no-repeat;
}

div.topic-path ul span{
font-weight:bold;
}

/* @end */


/* @group 06. area-btt */
div.area-ptt {
}
div.area-ptt a {
}
/* @end */


/* @group 07. footer */
div.area_credit {
	width: 220px;
	padding-top: 45px;
}
div.area_credit address {
	margin-top: 10px;
  margin-bottom: 10px;
	font-size: 77%;
	font-style: normal;
	color: #ffffff;
}

/* navF-area */
div.navF-area {
	float: right;
	width: 700px;
	padding-top: 50px;
}
div.navF {
	float: left;
	margin-left: 20px;
	width: 220px;
	color: #FFFFFF;
}
div.first {
	margin-left: 0px;
}
div.navF h2 {
	margin-bottom: 5px;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 13px;
	background-image: url("images/navF-h2-bg.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}
div.navF ul {
	margin:0;
	padding:0;
	position:static;
}
div.navF ul li {
	margin:0;
	padding:0;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.navF ul li a {
	padding-left: 12px;
	color: #FFFFFF;
	background-image: url("images/arrow-3.png");
	background-position: 0;
	background-repeat: no-repeat;
}
/* @end */


/* @group 08. text */
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb45 {
	margin-bottom: 45px;
}
/* @end */


/* @group 09. list */
ol {

}
ol li {

}
/* @end */


/* @group 10. table */

/* @end */


/* @group 11. grid */
/* @end */


/* @group 12. h */
/* @end */


/* @group 13. a */
a {
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
a.forward {
	padding-left: 12px;
	background-image: url("images/arrow-2.png");
	background-position: 0;
	background-repeat: no-repeat;
}
a.rewind {
	padding-left: 12px;
	background-image: url("images/arrow-5.png");
	background-position: 0;
	background-repeat: no-repeat;
}

/* @end */


/* @group 14. p */
p.intro {
	
}

p.fig {
}

p.base {
	
}

p.up {

}

p.caption {

}

p.page_back {

}

/* @end */


/* @group 15. img */
/* @end */

/* @group [ contents : 00. common ] */
/* area-login */

/* @end */


/* @group [ contents : 01. home ] */
/* news-area */
div.news-area {
	margin-bottom: 55px;
	padding-top: 30px;
	background-image: url("images/news-area-bg.png");
	background-position: top left;
	background-repeat: no-repeat;
}
div.news-area .column-1 {
	width: 140px;
}
.cat {
	height: 125px;
	_height: 140px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-position: top left;
	background-repeat: no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:93%;
	display:block;
}
a.cat:hover{
	text-decoration:none;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.aqua {
	background-image: url("images/cat-aqua.png");
}
.beige {
	background-image: url("images/cat-beige.png");
}
.blue {
	background-image: url("images/cat-blue.png");
}
.green {
	background-image: url("images/cat-green.png");
}
.purple {
	background-image: url("images/cat-purple.png");
}
.red {
	background-image: url("images/cat-red.png");
}
.salmon {
	background-image: url("images/cat-salmon.png");
}
.turquoise {
	background-image: url("images/cat-turquoise.png");
}
.cat p.title {
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.2;
}
.cat p.date {
	font-size: 77%;
}


div.news-area .column-4 {
	width: 540px;
}
div.news-area h2 {
	margin-bottom: 20px;
	font-size: 182%;
	line-height: 1.5;
}
div.news-area img {
}
div.news-area p.lead {
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1.5;
}
div.news-area .column-4 p.text {
}


/* @end */









.left {
	margin: 0 10px 10px 0;
	float: left;
	display: inline-block;
}
.right {
	margin: 0 0 10px 10px;
	float: right;
	display: inline-block;
}
.center{
	text-align: center;
}


/* pagetop */

#pageTop{
width: 60px;
height: 60px;
display: block;
background: url(images/pagetop.png) left top no-repeat;
position: fixed;
right:20px;
bottom: 20px;
}

#pageTop a{
width: 60px;
height: 60px;
display: block;
text-indent: -9999px;
}



p{
margin-bottom:30px;
}



ul.page{
	margin:0;
	padding:0;
	position:static;
display:inline-block;
}

ul.page li{
	margin:0;
	padding:0;
	float: left;
	margin: 0 5px;
}

ul.page li a{
	padding:8px 15px;
	line-height:1.1;
	border:1px #dddddd solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: url(images/button-bg.png) left bottom repeat-x;
}

ul.page li.prev{
}

ul.page li.next{
}


.fb-like{
  margin-bottom: 10px;
}

ul.pagenate{
	margin:0;
	padding:0;
	position:static;
display:inline-block;
}

ul.pagenate li{
	margin:0;
	padding:0;
	float: left;
	margin: 0 5px;
}

ul.pagenate li a{
	padding:5px;
	line-height:1.1;
	border:1px #dddddd solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: url(images/button-bg.png) left bottom repeat-x;
}

ul.pagenate li.prev a,
ul.pagenate li.next a{
	padding:8px 15px;
	line-height:1.1;
	border:1px #dddddd solid;
}

ul.pagenate li a:hover{
	text-decoration:none;
	background: #f2f2f2;
}

ul.page li a:hover{
	text-decoration:none;
	background: #f2f2f2;
}

ul.pagenate li span{
	padding:5px;
	line-height:1.1;
	border:1px #000 solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #000;
	color:#fff;
	font-weight:bold;
}

ul.pagenate li.prev span,
ul.pagenate li.next span,
ul.page li.prev span,
ul.page li.next span{
	padding:8px 15px;
	line-height:1.1;
	border:1px #dddddd solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color:#999;
	background: none;
}

.photoframe{
padding:9px;
border: 1px #ccc solid;
-moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
display: inline-block;
margin: 20px 0;
}


.paginate {
	margin-bottom: 55px;
	padding-top: 30px;
	background-image: url("images/news-area-bg.png");
	background-position: top left;
	background-repeat: no-repeat;
	text-align:center;
}

.paginate ul{
	margin:0;
	padding:0;
	position:static;
	display:inline-block;
}

.paginate ul li{
	margin:0;
	padding:0;
	list-style: none;
	float: left;
	margin: 0 5px;
}

.paginate ul li span{
	padding:8px 5px;
	line-height:1.1;
	border:1px #000 solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #000;
	color:#fff;
	font-weight:bold;
	display:inline-block;
}

.paginate ul li a span{
	padding:8px 5px;
	line-height:1.1;
	border:1px #dddddd solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: url(images/button-bg.png) left bottom repeat-x;
	color:#000;
	font-weight:normal;
	display:inline-block;
}

.paginate ul li a:hover span{
	padding:8px 5px;
	line-height:1.1;
	border:1px #dddddd solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #f2f2f2;
	color:#000;
	font-weight:normal;
	display:inline-block;
}

.paginate ul li.prev span,
.paginate ul li.next span{
	padding:8px 15px;
	line-height:1.1;
	border:1px #dddddd solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color:#999;
	background: none;
	font-weight:normal;
	display:inline-block;
}

.paginate ul li.prev a span,
.paginate ul li.next a span{
	padding:8px 15px;
	line-height:1.1;
	border:1px #dddddd solid;
	font-weight:normal;
	background: url(images/button-bg.png) left bottom repeat-x;
	color:#000;
	display:inline-block;
}

.paginate ul li.prev a:hover span,
.paginate ul li.next a:hover span{
	padding:8px 15px;
	line-height:1.1;
	border:1px #dddddd solid;
	font-weight:normal;
	background: #f2f2f2;
	color:#000;
	display:inline-block;
}

.paginate ul li a:hover{
	text-decoration:none;
}



ul.buttons{
	margin:0;
	padding:0;
	position:static;
}

ul.buttons li{
	margin:0;
	padding:0;
	display:inline-block;
	float:left;
	list-style: none;
	margin-right:10px;
	font-weight:bold;
	font-size:93%;
}

ul.buttons a{
	padding:5px 16px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	background:#ddd;
	color:#fff;
	display:block;
}

ul.buttons a:hover{
	padding:5px 16px;
	text-decoration:none;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	color:#fff;
	display:block;
}

ul.buttons li.aqua a{
	background:#00bfff;
}
ul.buttons li.beige a{
	background:#d2b48d;
}
ul.buttons li.blue a{
	background:#4169e1;
}
ul.buttons li.green a{
	background:#9bed00;
}
ul.buttons li.purple a{
	background:#b57dff;
}
ul.buttons li.red a{
	background:#f13c73;
}
ul.buttons li.salmon a{
	background:#f3a68c;
}
ul.buttons li.turquoise a{
	background:#00afcc;
}


ul.buttons li.aqua,
ul.buttons li.beige,
ul.buttons li.blue,
ul.buttons li.green,
ul.buttons li.purple,
ul.buttons li.red,
ul.buttons li.salmon,
ul.buttons li.turquoise{
	background:none;
}


.required {
color:#ff0000;
}

.error-message{
color:#ff0000;
font-weight:bold;
}


.text input,
.text textarea{
border:1px #ccc solid;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

padding:5px 8px;

width:100%;
_width:325px;
*width:325px;
}

select{
margin-bottom:8px;
}


img.border{
border:1px #ddd solid;
}