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

	Master.css
			media:screen,print

-------------------------------------

Index:

Category rules		(@_0)
1/ Reset rules		(@_1)
2/ Main layout		(@_2)
3/ Header			(@_3)
4/ Navigation		(@_4)
5/ Contents			(@_5)
6/ Footer			(@_6)
7/ Clears			(@_7)


================================
 Category rules (@_0)
================================


================================
 1/ Reset rules (@_1)
================================
*/
*{ margin:0; padding:0; }
img{ border:none; }
li{ list-style:none; }
hr{ display:none; }
body{ line-height:1.5; font-size:16px; _font-size:100%; }
h1,h2,h3,h4,h5{ font-size:1em; }
/*a:focus{ overflow:hidden; }*/
a{ text-decoration:none; color:0042ff; }
a:visited{ color:#0042ff; }
a:hover{ text-decoration:underline; }
option{ padding-right:0.5em; }
p{ font-size:0.75em; }

/*	01. ClearFix
--------------------------------*/
div#copyright p:after,
div#contents:after,
div#contents div#header:after,
#contents .clearFix:after{ display:block; clear:both; height:0; visibility:hidden; content:"."; font-size:0; }

/*	02. hasLayout Swicth
--------------------------------*/
div#copyright p,
div#contents div.thumbnail ul li a,
div,h1,h2,h3,h4,h5,h6/*,p*/,ul,ol,li,dl,dt,dd,table,th,td/*,a*/,form,fieldset,legend{ zoom:1; }
ul li,
ol li{ zoom:normal; }


/*
================================
 2/ Main Layout (@_2)
================================
*/
body{background:url(/compo/photo/images/bg_body.gif) repeat-x #497547}
div#foundation{ margin:0 auto; width:670px;}
p#select{ margin-top:7px; padding-bottom:20px; text-align:right; background:url(/compo/photo/images/bg_contents-top.gif) no-repeat bottom; color:#d1d1d1; font-size:0.6875em; }
p#select select{ margin:0 7px 0 12px; }
div#contents{ padding:0 19px; width:632px; background:url(/compo/photo/images/bg_contents-center.gif) repeat-y #fff; }
div#contents div#header{}
p#copyright{ padding-top:21px; text-align:center; background:url(/compo/photo/images/bg_contents-bottom.gif) no-repeat top; color:#d1d1d1; }

body#popup{ background:#fff; }
body#popup div#foundation{ width:320px; }
body#popup h1 { background:url(/compo/photo/images/popup-h1-bottom.gif) no-repeat scroll left bottom; color:#3B8C0E; font-weight:bold; margin:20px 0pt 10px; }
body#popup h1 span{ background:transparent url(/compo/photo/images/popup-h1-top.gif) no-repeat scroll left top; display:block; line-height:1.4; padding:4px 10px; }

/*
================================
 3/ Header (@_3)
================================
*/
div#contents div#header p.logo{ float:right; }
div#contents div#header ul.btn li{ margin-right:2px; float:left; }

/*
================================
 3/ Contents (@_5)
================================
*/
div#contents h1{ margin:2px 10px; }
div#contents p.ensign{ padding:1px 8px 4px; float:right; }
div#contents dl.country{  width:622px; float:left; padding:20px 5px 0; background:url(/compo/photo/images/bg_country.gif) no-repeat top; }
div#contents dl.country dt{ padding-bottom:10px; font-size:0.6875em; color:#999; font-weight:bold; }
div#contents dl.country dd ul{ margin:1px 0 0 3px; }
div#contents dl.country dd ul li{ float:left; margin-right:6px; height:45px}

/* Photo top
--------------------------------------------*/
div#contents p.photo-main-visual{ margin:12px auto 11px; padding:9px 10px 11px; width:493px; background:url(/compo/photo/images/bg_photo-stage.gif); clear:both; }
body.top div#contents dl.country{ *margin-bottom:-11px; }

/* Photo detail
--------------------------------------------*/
div#contents div.photo-body{ width:513px; float:left; }
div#contents div.photo-body p{ padding:0 16px; }
div#contents div.photo-body p.photo-stage{ margin-bottom:7px; width:500px; padding:7px 7px 9px; background:url(/compo/photo/images/bg_photo-stage.gif); text-align:center; }
div#contents div.thumbnail{ float:right; }
div#contents dl.country{ clear:both; }
div#contents div.thumbnail{ margin-bottom:6px; width:104px; border:solid 1px #e8e8e8; background:#efefef; text-align:center; }
div#contents div.thumbnail p{ padding:6px 0; }
div#contents div.thumbnail ul{ margin:3px 0 -5px; line-height:1; }
div#contents div.thumbnail ul li{ margin-bottom:5px; }
div#contents div.thumbnail ul li a img{  border:solid 1px #ccc; }
div#contents div.thumbnail ul li a:active img,
div#contents div.thumbnail ul li a:hover img,
div#contents div.thumbnail ul li a:focus img,
div#contents div.thumbnail ul li.active a img{ border:solid 1px #208120; }
div#contents p.list{ float:right; width:104px; text-align:center; }

/* Photo List
--------------------------------------------*/
div#contents div.photo-list{ clear:both; }
div#contents div.photo-list ul{ margin:0 -28px 0 0; clear:both; }
div#contents div.photo-list ul li{ width:130px; margin:0; float:left; text-align:center; line-height:1;height: 120px;min-height:120px; text-align: center ul; }
div#contents div.photo-list:after {
clear:both;
content:"";
display:block;
height:0pt;
}

div#contents div.photo-list .pagenation {clear:both;}