@charset "utf-8";
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 /*none*/; vertical-align: top;font-weight: normal;font-size: 100%; }
ul, li { list-style-type: none; margin:0; padding:0; }
body, input, select, button, textarea {	-webkit-text-size-adjust: none;}
button { cursor: pointer; }

body {padding:0;margin:0;}
a, a:link {color: #539AD1; text-decoration: none;}
a:visited {}
a:active, a:hover { color: #38698E;text-decoration:none }
a:focus { outline: none; }
 
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%;}
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
table{border-collapse:collapse;}

/*demo collection-------------*/
#wrapper{width:100%;display:block;float:left;}
#wrapouter{width:960px;display:block;margin:0px 0 0 0;height:auto;}
#wrapouter div.titlewrap{width:960px;display:block;height:50px;float:left;}
#wrapouter div.title{width:800px;display:block;height:50px;float:left;}
#wrapouter div.title ul{width:800px;display:block;float:left;height:50px;}
#wrapouter div.title li.tit01{font-size:30px; font-weight:bold; color:#558FC4; display:block;float:left;height:50px;margin:0 10px 0 0}
#wrapouter div.title li.tit02{font-size:20px; font-weight:bold; color:#FFF; display:block;float:left;height:45px; padding:5px 0 0 0;}
#wrapouter div.btwrap{width:160px;display:block;float:left;height:50px;padding:0; text-align:right;}

#wrapouter div.photowrap{width:940px; height:550px; display:block; float:left; background-color:#356897;padding:10px;}
#wrapouter div.photowrap div.img{width:940px; height:500px; display:block; float:left;}
#wrapouter div.photowrap div.txtwrap{width:940px; height:20px; display:block; float:left; padding:15px 0}
#wrapouter div.photowrap div.txtwrap ul{width:940px; display:block; float:left;}
#wrapouter div.photowrap div.txtwrap li.arrow01{width:35px; display:block; float:left; text-align:left;}
#wrapouter div.photowrap div.txtwrap li.arrow02{width:35px; display:block; float:left; text-align:right;}
#wrapouter div.photowrap div.txtwrap li.number{ display:block; float:left; color:#FFF; font-size:20px;margin:3px 0 0 0}
#wrapouter div.photowrap div.txtwrap li.close{width:31px; display:block; float:right;}
#wrapouter div.photowrap div.txtwrap li.txt{height:35px; font-size:12px; color: #FFF; display:block; float:left;}

#phototxt{width:300px; height:35px; font-size:12px; color: #FFF; display:block; float:left;}