@charset "UTF-8";
/*  
Theme Name: expo-osaka05
Theme URI: http://thanks-album.com/expo-osaka/
Description: ALBUM expo-osaka 2009 template
Author: Hideaki Hamada
Author URI: http://thanks-album.com/
Version: 1.0
*/

body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, monospace;
	font-size:12px;
    color:#555;
	letter-spacing: 0.5px;
	line-height:180%;
	background: #d7d7d1 url(http://thanks-album.com/expo-osaka/wp-content/uploads/image/back.jpg) top center repeat-y;
	text-align: center;
}

/* ***********************************************************************
	1 :layout
*********************************************************************** */

#wrapper {
	width: 840px;
	margin: 0 0 0 0;
	padding: 0 40px 0 40px;
}

#navi_head {
	width: 840px;
	height: auto;
	margin: 0 0 0 0;
	padding: 10px 5px 0 0;
	text-align: right;
	font-size: 11px;
	letter-spacing: 0.8px;
}

#head {
	width: 840px;
	height: 100px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	background-image:url(http://thanks-album.com/expo-osaka/wp-content/uploads/image/head.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	text-align:left;
}

#navi_top {
    width:840px;
    height:30px;
    margin:17px 0 0 0;
}

#content_top {
	width: 838px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

#content_top_left {
    float:left;
    width: 503px;
	height: 215px;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #dcdcdc;
}

#content_top_right {
    float:right;
    width: 294px;
	height: 215px;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
}

#content {
	width: 838px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

#navi_foot {
	width: 778px;
	height: 20px;
	margin: 7px 0 7px 0;
	padding: 7px 30px 7px 30px;
    text-align:left;
    font-size: 12px;
	border: 1px solid #dcdcdc;
}

#foot {
	width: 778px;
	height: auto;
	margin: 0 0 0 0;
	padding: 15px 30px 5px 30px;
    text-align:center;
    font-size: 10px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

.clearfix {
    clear:both;
}

/* ***********************************************************************
	2 :navi
*********************************************************************** */

ul#menuList {
	margin: 0;
	padding: 0;
}

ul#menuList li {
	float:left;
	list-style-type: none;
	width: 105px;
	height: 30px;
}

ul#menuList li a {
	display: block;
	background: transparent url(http://thanks-album.com/expo-osaka/wp-content/uploads/image/navi_top.jpg) no-repeat 0px 0px;
	width: 105px;
	height: 30px;
}
ul#menuList li span {
	display: block;
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	text-indent: -9999px;
}

/* Home */
ul#menuList li#menuHome { left: 0px; }
ul#menuList li#menuHome a { background-position: 0px 0px; }
ul#menuList li#menuHome a:hover { background-position: 0px -30px; }
ul#menuList li#menuHome.navi a,
ul#menuList li#menuHome.navi a:hover { background-position: 0px -60px; }

/* News */
ul#menuList li#menuNews { left: 105px; }
ul#menuList li#menuNews a { background-position: -105px 0px; }
ul#menuList li#menuNews a:hover { background-position: -105px -30px; }
ul#menuList li#menuNews.navi a,
ul#menuList li#menuNews.navi a:hover { background-position: -105px -60px; }

/* Concept */
ul#menuList li#menuConcept { left: 210px; }
ul#menuList li#menuConcept a { background-position: -210px 0px; }
ul#menuList li#menuConcept a:hover { background-position: -210px -30px; }
ul#menuList li#menuConcept.navi a,
ul#menuList li#menuConcept.navi a:hover { background-position: -210px -60px; }

/* Message */
ul#menuList li#menuSummary { left: 315px; }
ul#menuList li#menuSummary a { background-position: -315px 0px; }
ul#menuList li#menuSummary a:hover { background-position: -315px -30px; }
ul#menuList li#menuSummary.navi a,
ul#menuList li#menuSummary.navi a:hover { background-position: -315px -60px; }

/* Exhibition */
ul#menuList li#menuExhibition { left: 420px; }
ul#menuList li#menuExhibition a { background-position: -420px 0px; }
ul#menuList li#menuExhibition a:hover { background-position: -420px -30px; }
ul#menuList li#menuExhibition.navi a,
ul#menuList li#menuExhibition.navi a:hover { background-position: -420px -60px; }

/* Award */
ul#menuList li#menuAward { left: 525px; }
ul#menuList li#menuAward a { background-position: -525px 0px; }
ul#menuList li#menuAward a:hover { background-position: -525px -30px; }
ul#menuList li#menuAward.navi a,
ul#menuList li#menuAward.navi a:hover { background-position: -525px -60px; }

/* Event */
ul#menuList li#menuEvent { left: 630px; }
ul#menuList li#menuEvent a { background-position: -630px 0px; }
ul#menuList li#menuEvent a:hover { background-position: -630px -30px; }
ul#menuList li#menuEvent.navi a,
ul#menuList li#menuEvent.navi a:hover { background-position: -630px -60px; }

/* Access */
ul#menuList li#menuAccess { left: 735px; }
ul#menuList li#menuAccess a { background-position: -735px 0px; }
ul#menuList li#menuAccess a:hover { background-position: -735px -30px; }
ul#menuList li#menuAccess.navi a,
ul#menuList li#menuAccess.navi a:hover { background-position: -735px -60px; }

#goTop {
	float: right;
	position: fixed;
	width: 35px;
	height: 75px;
	bottom: 15%;
	right: 0;
	background: transparent url(http://thanks-album.com/expo-osaka/wp-content/uploads/image/gotop.gif) top left no-repeat;
}
#goTop span {
	display: none;
}


/* ***********************************************************************
	3 :headline
*********************************************************************** */

#headline-news {
    width: 288px;
	height: 12px;
	padding: 3px 0 8px 8px;
	margin: 0 0 10px 0;
	background-color:#666666;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}

#headline {
    width: 294px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.headline-header {
	margin: 7px 0 0 0;
	padding: 0 0 0 0;
    text-align: left;
	font-size: 11px;
	color:#99cc33;
	line-height:170%;
	letter-spacing: 0.2px;
	font-weight:bold;
}

.headline-title {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height:110%;
	letter-spacing: 0.2px;
    text-align: left;
}


/* ***********************************************************************
	4 :sidebar
*********************************************************************** */

#sidebar {
    float: right;
    width: 208px;
	height:auto;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

.box {
    width: 188px;
    height:auto;
	padding:10px 10px 10px 10px;
	margin: 0 0 0 0;
    border-bottom: 1px solid #dcdcdc;
	text-align:left;
}

#home_news {
    float:right;
    width:230px;
    height:auto;
	padding:0 20px 0 10px;
	margin:30px 0 50px 0;
}

#side_news {
    float:right;
    width:230px;
    height:auto;
	padding:0 25px 0 5px;
	margin:30px 0 50px 0;
}

#side_news_title {
    width:230px;
    height:44px;
	margin:0 0 15px 0;
	padding:0 0 0 0;
	background:url(http://thanks-album.com/expo-osaka/wp-content/uploads/image/side_news_title.jpg) top center no-repeat;
}

.side-news-title {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
    text-align: left;
	font-size: 11px;
	line-height:170%;
	letter-spacing: 0.2px;
}

#twitter {

margin:25px 0 10px 0;
}

/* ***********************************************************************
	5 :entry
*********************************************************************** */
 
.blog {
	width:778px;
    height:auto;
    margin:0 0 0 0;
	padding:15px 30px 10px 30px;
}

.home_side_right {
	float:left;
	width:528px;
	height:auto;
    margin:10px 0 0 0;
	padding:0 25px 0 20px;
}

.news_side_left {
	float:left;
	width:518px;
	height:auto;
    margin:5px 0 0 0;
	padding:15px 30px 0 30px;
}

.blog_side_left {
	float:left;
	width:568px;
	height:auto;
    margin:0 0 0 0;
	padding:15px 30px 0 30px;
	border-right: 1px solid #dcdcdc;
}

.entry {
    margin: 0 0 40px 0;
    padding: 0 0 0 0;
	text-align:left;
}

.entry-header {
	margin: 0 0 0 0;
	padding:20px 0 0 0;
    text-align: left;
	font-size:13px;
	font-weight:bold;
	color:#FFCC00;
	letter-spacing: 0.6px;
}

.news-header {
	margin: 0 0 0 0;
	padding:0 0 5px 0;
    text-align: left;
	font-size:16px;
	font-weight:bold;
	letter-spacing: 0.8px;
}

.entry-body {
    margin: 0 0 0 0;
	text-align:justify;
}

.content-nav {
    margin: 10px;
    text-align: right;
}

.line {
    width:auto;
	height:1px;
    border-bottom: 1px dotted #CCCCCC;
    margin:0 0 0 0;
	padding:0 0 0 0;
}

.detail_link {
    text-align:right;
    margin:6px 0 0 0;
	padding:0 5px 0 0;
}

/* ***********************************************************************
	6 :page
*********************************************************************** */

#exposummary {
    width:548px;
    height:auto;
    padding:0 10px 0 10px;
    margin:25px 0 30px 0;
}

#frame {
    width: 565px;
	height: 150px;
	overflow: auto;
	background:#FFFFFF;
	border: 1px solid #CCC;
	border-right: none;
	margin:17px 0 15px 0;
}

#note {
	width: 520px;
	padding: 0 15px 0 10px;
	font-size: 11px;
	line-height:160%;
	text-align:justify;
}

#note p {
	margin: 15px 0 15px 0;
	padding-left: 0.8em;
	text-indent: -0.8em;
}

.image_bg {
	display:block;
	border-style:none;
	padding:10px;
	background-image:url(http://thanks-album.com/expo-osaka/wp-content/uploads/image/img_bg.gif);
}

.home_box {
	width:528px;
	height: auto;
	margin: 18px 0 15px 0;
	text-align:left;
}

.home_left {
	float: left;
	width: 220px;
    height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.home_right {
	float:right;
	width:298px;
	height:auto;
    margin:0 0 0 0;
	padding:0 0 0 10px;
}

.home_header {
	margin: 0 0 0 0;
	padding:0 0 5px 7px;
	font-size:16px;
	font-weight:bold;
	color:#069;
}

.home_body {
    margin: 7px 0 0 0;
	line-height:160%;
	text-align:justify;
	font-size:13px;
}


.page_box {
	width:778px;
	height: auto;
	margin: 20px 0 30px 0;
	text-align:left;
}

.page_left {
	float: left;
	width: 230px;
    height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.page_right {
	float:right;
	width:518px;
	height:auto;
    margin:0 0 0 0;
	padding:7px 5px 10px 25px;
}

.page_header {
	margin: 0 0 0 0;
	padding:0 0 3px 0;
	font-size:16px;
	font-weight:bold;
	letter-spacing: 0.8px;
}

.page_body {
    margin: 10px 0 0 0;
	text-align:justify;
}

.review_box {
	width:768px;
	height: auto;
	margin: 20px 0 10px 0;
	padding: 0 5px 0 5px;
	text-align:left;
}

.review_left {
	float: left;
	width: 374px;
    height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.review_right {
	float:right;
	width:374px;
	height:auto;
    margin:0 0 0 0;
	padding:0 0 0 20px;
}

.review_image {
	float:left;
	width:108px;
	height:108px;
    margin:0 0 0 0;
	padding:0 0 0 0;
	border: 1px solid #CCCCCC;
}

.review_profile {
	float:right;
	width:252px;
	height:auto;
    margin:0 0 0 0;
	padding:0 0 0 12px;
}

.review_header {
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
	font-size:13px;
	font-weight:bold;
	color:#069;
}

.review_body {
    margin: 0 0 0 0;
	text-align:justify;
	font-size:11px;
    line-height:160%;
	letter-spacing: 0.7px;
}

.review_line {
    width:auto;
	height:1px;
    border-bottom: 1px dotted #CCCCCC;
    margin:0 0 15px 0;
	padding:13px 0 0 0;
	clear:both;
}

/* ***********************************************************************
	7 :table
*********************************************************************** */

.tb{ 
border: 1px solid #CCC;
border-collapse:collapse;
}

.tb td{ 
border: 1px solid #CCC;
border-collapse:collapse; 
}

/* ***********************************************************************
	8 :text
*********************************************************************** */

.large {
    font-size:16px;
	font-weight:bold;
}

.article {
    text-align:justify;
}

.attention {
    font-size:11px;
    color:#069;
	line-height:150%;
}

.caption {
    font-size:10px;
	line-height:140%;
}

.detail {
    font-size:12px;
	line-height:170%;
}

.note {
   font-size:12px;
   color:#003366;
   letter-spacing:0.3px;
   line-height:170%;
}

.small {
   font-size:10px;
   letter-spacing:0.3px;
   line-height:170%;
}

.profile {
   font-size:11px;
   letter-spacing:0.3px;
   line-height:160%;
}

.expoinfo {
   font-size:12px;
   letter-spacing:0.3px;
   padding:0 0 0 7px;
   line-height:160%;
}

.eventinfo {
   font-size:12px;
   letter-spacing:0.3px;
   padding:0 0 0 7px;
   line-height:160%;
}

.exhibitor {
    color: #069;
	font-size:13px;
	font-weight:bold;
}

.midashi {
	font-size:14px;
	font-weight:bold;
}

.midashi_title {
	width:506px;
    height:20px;
    font-size:13px;
	font-weight:bold;
	text-align:left;
	margin:25px 0 10px 0;
	padding:5px 0 4px 10px;
	border: 1px dotted #069;
	color:#069;
}

.content-nav {
   font-size:10px;
}

/* ***********************************************************************
	9 :anchor
*********************************************************************** */

/* anchor */
a:link { color:#069; text-decoration: none; }
a:visited { color: #069; text-decoration: none; }
a:hover { color:#ef5639; text-decoration:underline; }

/* image anchor */
a img { border: none; }
.imgbd a:link img,
.imgbd a:visited img {	border : 1px solid #CDCDCD;}
.imgbd a:hover img {	border : 1px solid #999999;}
.imgbd a:hover {	border-color : #999999;}

/* exhibitor anchor */
.expoinfo a:link { color:#555; text-decoration: none; }
.expoinfo a:visited { color: #555; text-decoration: none; }
.expoinfo a:hover { color: #069; text-decoration: none; }

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.7;
	opacity: 0.7;
}