@charset "utf-8";
/* ---------- XXX---------- */
/* ----- XXX -----*/

/* ---------- Element Reformat---------- */
* {
	margin : 0;
	padding : 0;
	border : 0; 
	font-size : 100%;
	font-style : normal;
}

/*	Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	PX	  %
	10 	 77
	11 	 85
	12 	 93   (was 93)
	13 	100
	14 	108   (was 107)
	15 	116   (was 114)
	16 	123.1 (was 122)
	17 	131   (was 129)
	18 	138.5 (was 136)
	19 	146.5 (was 144)
	20 	153.9 (was 152)
	21 	161.6 (was 159)
	22 	167
	23 	174
	24 	182
	25 	189
	26 	197 */

body {
	font:14px/1.231 arial,helvetica,clean,sans-serif;*font-size:14px;
	*font:x-small;
}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;line-height:100%;
}

body {
	text-align : center;
	background-color : #F8F5DE;
	background-image:url(/share/image/bg.gif);
	background-repeat:repeat-x;
}

p {
	margin : 0 0 1em 0;
	line-height : 160%;
}

table {
	font-size:inherit;
	font:100%;	border-collapse:collapse;
	margin: 0 0 1em;
}
td, th {
	padding: 0.5em;
	border: 1px solid #963;
}
th {
	background-color: #FFE8D0;
}

input {
	border: 1px solid #BBB;
	font-size: 140%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
input.standard {
	border: 1px solid #BBB;
	font-size: 120%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
input.button {
	border: 1px solid #BBB;
	font-size: 100%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
input.image {
	border: none;
	font-size: 100%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
input.radio {
	border: none;
	font-size: 100%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
textarea {
	border: 1px solid #BBB;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
.fixpng {
	behavior: expression(IEPNGFIX.fix(this));
}

.imeon {
	ime-mode:active;
}
.imeoff {
	ime-mode:inactive;
}


/* ---------- Layout ---------- */
/* ----- Common ----- */
#container {
	width : 888px;
	margin : 9px auto 0 auto;
	text-align : left;
	background-color : #FFFFFF;
	position: relative;
}
#header {
	margin: 0px;
	background-color: transparent;
	height: 1%;
}
#wrapper {
	width : 661px;
	float : left;
}
#left {
	width : 229px;
	margin: 0 0 0 13px;
	float : right;
}

#main {
	width : 419px;
	float : right;
}

#tw-main {
	width : 638px;
	margin : 0 0 0 14px;
}
#tw-main p {
	margin : 0 0 1em;
}

#tw-main ul, #tw-main ol {
	margin: 0 0 1em 1.5em;
}

#right {
	width : 227px;
	float : left;
}

#right p {
	margin: 0 0 1em;
}

#right ul, #right ol {
	margin: 0px 0px 0px 1em;
}

#right input {
	font-size: 100%;
}

#banner ul, #banner ol {
	margin: 0em;
}
#right #sidemenutop {
	width : 216px;
	/*height : 10px;
	background-image : url(/share/image/bg_menu_sidetop.png);	*/
}

#right .sidemenutitle {
	height : 26px;
	color : #330;
	background-image : url(/share/image/bg_h2_sidemenu.png);
	background-repeat: no-repeat;
}

#right .sidemenutitle h2{
	padding:0.3em 0 0 0.5em;
}


#footer {
	margin: 2em 0 0;
	width : 100%;
	clear : both;
}

/* ----- 3(three) Column ----- */
/* ----- 2(two) Column ----- */


/* ---------- Original ID/Class ---------- */
/* ----- Common ----- */

/* ----- Header ----- */

#megane {
	position : absolute;
	left : 543px;
	top : -9px;
	z-index : 1;
	width : 353px;
	height : 105px;
}

#globalnavigation {
	margin : 0px;
}

div#globalnavigation li {
	float : left;
	list-style : none;
}

#searchbar {
	clear: both;
	width : 864px;
	height : 51px;
	margin : 0px 0 25px 13px;
	background-image :  url("/share/image/bg_search.gif");
	text-align : right;
	vertical-align : middle;
}

div#searchbar form {
	padding : 14px 14px 0 0;
}
/*
div#searchbar input {
	border : 1px solid #BBB;
}

div#searchbar input.button {
	border : 1px solid #BBB;
	font-size: 100%;
}
*/
#breadcrumbs {
	width : 864px;
	margin : 0 0 5px 13px;
}

/* ----- TOP Left ----- */

#people {
	margin : 0 0 10px 0;
}

#people-body {
	width : 200px;
	padding : 5px;
	line-height : 160%;
	background-color : #F7F7E6;
	border-left : 3px solid #EAEABF;
	border-right : 3px solid #EAEABF;
}

div#people-body img {
	margin : 0 0 0 10px;
}

#vote {
	margin : 0 0 10px 0;
}

div#vote h2 {
	width : 206px;
	height : 31px;
	margin : 0 0 0 0;
	padding : 18px 0 0 10px;
	background-image :  url("/share/image/menu_vote_bg.gif");	
}

#vote-body {
	width : 200px;
	padding : 5px;
	line-height : 160%;
	background-color : #F7F7E6;
	border-left : 3px solid #EAEABF;
	border-right : 3px solid #EAEABF;
}

#vote-body-radio {
	margin : 5px 0 5px 0;
	padding : 5px 0 5px 0;
	border-top : 1px dotted #C9C95A;
	border-bottom : 1px dotted #C9C95A;
}

#vote-form {
	text-align : center;
}

/*
div#vote-form input {
	border : 1px solid #BBB;
}
*/

#qa {
	margin : 0 0 10px 0;
}

div#qa h2 {
	width : 206px;
	height : 36px;
	margin : 0 0 0 0;
	padding : 20px 0 0 10px;
	color : #FFFFFF;
	background-image :  url("/share/image/menu_qa_bg.gif");	
}

#qa-body {
	width : 204px;
	padding : 5px;
	line-height : 160%;
	background-image :  url("/share/image/bg_qa.gif");
	border-left : 1px solid #F48370;
	border-right : 1px solid #F48370;
}

/* ----- TOP Main ----- */

.main-banner {
	margin : 0 0 11px 0;
}

#magazine-title, 
#catalog-title,
#museum-title {
	width : 408px;
	height : 26px;
	margin : 0 0 10px 0;
	background-image :  url("/share/image/bg_menu_meganemag.gif");
}

div#magazine-title h2, 
div#catalog-title h2,
div#museum-title h2 {
	padding : 4px 0 0 8px;
	float:left;
}

#magazine-title-navi, 
#catalog-title-navi,
#museum-title-navi {
	padding : 4px 4px 0 0;
	float : right;
}

#magazine-title-navi-icon, 
#catalog-title-navi-icon,
#museum-title-navi-icon {
	float : right;
}

.magazine-body-title {
	margin : 0 0 10px 0;
}

.magazine-body {
	width : 398px;
	margin : 0 0 15px 0;
	line-height : 160%;
}

.magazine-body-list {
	margin : 0 0 2em;
	line-height : 160%;
}

/*
.magazine-body img,.magazine-body-list img {
	float : left;
	margin : 0 10px 0 0;
}
*/

.magazine-body-sub-image {
	float:  left;
	margin : 0 10px 0 0;
}
.magazine-body-sub-title {
	font-weight : bold;
}
.magazine-body-sub-title h3 {
	font-size: 120%;
}
.magazine-body-sub-title small {
	font-size:90%;
	font-weight:normal;
	color:#666;
}
div#catalog li img {
	border: 6px solid #EBEBEB;
}

div#catalog li {
	float : left;
	margin: 0 5px 0 0;
	list-style:none;
}


h3#answer-title {
	padding: 0em;
	margin: 0 0 0.5em;
	border-bottom: 1px solid #CCC;
}

div#main #catalog {
margin:0 0 15px;
}
div#main .banner {
margin: 15px 0;
}

#museum ul {
	margin: 0 0 15px 15px;
	line-height: 138.5%;
}


/* ----- TOP gallery ----- */

.gallery-group-body {
	margin: 0 0 2em;
}

.gallery-body-list {
	margin : 0 0 1em;
	line-height : 160%;
	float: left;
	width: 210px;
}


/* ----- TOP eyeonegp ----- */
.eyeonegp-date{
	margin: 1em 0;
}

.eyeonegp-body-list-wrapper {
	margin : 0 10px 1em 0;
	padding: 0.45em;
	line-height : 160%;
	float: left;
	border: 1px solid #CCC;
}
.eyeonegp-body-list{
	width:134px;
}

#radio-error-message-select_id {
	padding: 0 0.5em 0.5em;
	margin: 0 0 1em;
}

/* ---- 汎用エラーメッセージ ---- */
div.error{
	text-align: left;
	margin: 1em;
	padding: 0.5em;
	color: #C30;
	font-size: 120%;
	border: 1px solid #C30;
}
label.error {
	display: block;
	color:#C30;
	font-weight: bold;
}
div.success {
	color: #060;
	border: 1px solid #060;
}

#news {
	margin : 0 0 10px 0;
}

/* ----- TOP Right ----- */

div#news li, div#proposal li {
	margin : 0 0 5px 5px;
	padding : 0 0 5px 0;
	list-style : none;
}

div#news li {
	border-bottom : 1px solid #C9C95A;
}

div#proposal li {
	border-bottom : 1px dotted #C9C95A;
}

div#news h2 {
	width : 206px;
	height : 21px;
	padding : 5px 0 0 10px;
	background-image :  url("/share/image/menu_news_bg.gif");	
}

#news-body {
	width : 206px;
	padding : 5px;
	background-color : #F7F7E6;
}

#proposal {
	margin : 0 0 10px 0;
}

div#proposal h2 {
	width : 206px;
	height : 60px;
	padding : 16px 0 0 10px;
	background-image :  url("/share/image/menu_proposalbox_bg.gif");	
}

#proposal-body {
	width : 200px;
	padding : 5px;
	background-color : #F7F7E6;
	border-left : 3px solid #EAEABF;
	border-right : 3px solid #EAEABF;
}

div#banner li {
	margin : 0 0 10px 0;
	list-style : none;
}

/* ----- Magazine Detail ----- */

#entry-category {
	margin : 10px 0 10px 0;
}
div#category-title {
	margin: 0 0 1em;
}
div#category-title h2 {
	width : 632px;
	height : 20px;
	padding : 6px 0 0 6px;
	color : #333300;
	background-image : url(/share/image/bg_menu_category_title.gif);
}
div#category-title h2 a {
	color : #333300;
	text-decoration:none;
}
div#category-title h2 a:hover {
	text-decoration:underline;
}
div#entry-title {
	margin: 0 0 1em;
}
div#entry-title p{
	margin: 0;
}
div#entry-title p.proposer {
	color: #666;
}
div#entry-title h3 {
	width : 628px;
	/*height : 27px;*/
	padding : 0.5em 5px;
	color : #333300;
	background-image : url(/share/image/bg_menu_entrytitle.gif);	
	font-size: 120%;
}
div.entry-title {
	margin: 0 0 1em;
}
div.entry-title p{
	margin: 0;
}
div.entry-title p.proposer {
	color: #666;
}
div.entry-title h3 {
	width : 628px;
	/*height : 27px;*/
	padding : 0.5em 5px;
	color : #333300;
	background-image : url(/share/image/bg_menu_entrytitle.gif);	
	font-size: 120%;
}

#entry-left {
	width : 245px;
	margin : 13px 0 0 0;
	float : left;
}

.entry-photo {
	width : 200px;
	margin : 0 0 22px 0;
	padding : 9px;
	border : 1px solid #CCCCCC;
}

.photo {
	margin : 0 0 10px 0;
}

div#entry-right {
	margin : 13px 0 0 0;
	padding : 9px 9px 9px 0;
}

div#entry-right h4 {
	margin : 0 0 0.5em 0;
}

div#entry-right p {
	margin : 0 0 1em 0;
	line-height : 160%;
}

div#backnumber li {
	padding : 0 0 0.5em 1.5em;
    background: url(/share/image/icon_entry_list.gif) no-repeat 0.55em 0.55em;
    list-style: none;
}

.opinions-title {
	background-color: #E3F2F1;
	border-bottom: 2px solid #458989;
	margin: 0 0 0.5em;
	padding: 0.2em;
}
#opinions-title h4 {
	color: #333;
	font-size: 110%;
}
div.opinion {
	margin: 0 0 1.5em;
}
div.opinion h4 small {
	color: #333;
	font-weight:normal;
}


.right-box {
	width : 178px;
	padding : 10px 16px 16px 16px;
	border-left : 3px solid #9ED2CD;
	border-right : 3px solid #9ED2CD;
}

#source-title {
	margin : 0 0 10px 0;
	font-weight : bold;
	text-decoration: underline;
}
.source-note {
	color : #3D837B;
	border-bottom : 1px solid #9ED2CD;
}
div#source-body p {
	margin : 0 0 1em 0;
	line-height : 120%;
}

#detail-catalog h2 {
	width : 211px;
	height : 21px;
	padding : 5px 0 0 5px;
	color : #333300;
	background-image : url(/share/image/bg_menu_sidemiddle.gif);	
}

div#detail-catalog-body li {
	padding : 0 0 0.5em 1.5em;
    list-style: none;
}

div#detail-catalog-body li img {
	border: 6px solid #EBEBEB;
}

/* ----- Magazine List ----- */
#list-title {
	
}

#list-title h3 {
	margin : 1em 0;
	color : #3D837B;
	font-size : 123.1%;
}

#category h2 {
	width : 208px;
	height : 31px;
	padding : 20px 0 0 8px;
	color : #333300;
	background-image : url(/share/image/bg_menu_sidetop.gif);	
}

div#right-box select {
	border : 1px;
}

#right p.pagenavi {
	margin: 1em 0 0;
	text-align: center;
}

#pagenavi {
	text-align:center;
	margin: 1em 0 0;
}

#pagenavi ul {
	list-style: none;
	/*zoom: 100%;*/
}
/*
#pagenavi ul:after {
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
*/
#pagenavi li {
	display: inline;
	margin : 15px 5px 0px 0;
	padding : 5px;
	border: 1px solid #9ED2CD;
}

div#pagenavi li.active {
	background-color : #9ED2CD;
}
div#pagenavi li.active a {
	color : #FFFFFF;
}

/* ----- Gallery List product ----- */


/* ----- QA ----- */
.question-label {
	font-weight:bold;
}

.answer-content {
	font-size: 120%;
}



#magazine_entry {
	margin: 2em 0 3em 2em;
}
#magazine_remove {
	margin: 1em 0 2em 2em;
}


/* ----- Footer ----- */
#shortcutmenu {
	margin : 0 auto 1em;
	text-align:  center;
}

div#shortcutmenu ul {
}
div#shortcutmenu li {
	display: inline;
	margin : 25px 0 25px 5px;
	list-style : none;
}

#copyright {
	clear : both;
	height : 26px;
	padding : 10px 0 0 0;
	background-image : url(/share/image/bg_footer.gif);
	color : #FFFFFF;
	text-align : center;
}