@charset "utf-8";

/* リセット＆文字サイズ統一
 * (c)Nitroplus / Code licensed under the BSD License:
 * Modify YUI Reset CSS, YUI Fonts CSS (version: 2.7.0)
 * Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 * http://developer.yahoo.com/yui/license.html
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body{font-size:small;font-weight:normal;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
select,input,button,textarea{font-size:99%;}pre,code,kbd,samp{font-family:san-serif;font-size:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}
table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;}th{font-weight:normal;text-align:left;}th,td{vertical-align:top;}
address,cite,dfn,em,var{font-style:normal;}ol,ul{list-style:none;}fieldset,abbr{border:0;}
ins{text-decoration:none;}del{text-decoration:line-through;}a{text-decoration:underline;}strong{font-weight:bold;}
img,object,param{border:0;vertical-align:bottom;}q:before,q:after{content:"";}
hr {display:none;}

/* 共通テンプレート
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html,body { height: 100%; } 
body { background: #f4f4f4 url(img/bg_body.gif) repeat-x; color: #333; }
div#container {
	width: 800px; height: 100%; height: auto !important; min-height: 100%; margin: 0 auto; padding: 5px;
	background: #fff url(img/bg_container.jpg) no-repeat 5px 5px; color: #333;
	line-height: 1.5; word-break: break-all; word-wrap: break-word;
}
/* headings --------------------------------------------- */
h1, h2, h3 { font-weight: bold; }
h2 img, h3 img { margin-bottom: 10px; }
/* anchor --------------------------------------------- */
a { background-color: transparent; color: #0076d1; }
a:visited { color: #52adf3; }
a:hover, a:focus { text-decoration: none; }
a img { vertical-align: top; }
/* clearfix --------------------------------------------- */
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block;height: 0; font-size: 1px;overflow: hidden; clear: both; line-height: 0; visibility: hidden; }
/* common --------------------------------------------- */
em { color: #d90000; }
div.box { margin-bottom: 3.0em; }
ul.btn li { display: inline; }
ul.btn li img { margin-bottom: 7px; margin-right: 3px; }
ul.notes li { color: #606077; margin-left: 1em; text-indent: -1em; font-size: 93%; }
img.ico { float: left; }
div.float_box { float: left; width: 380px; }
p.right { text-align: right; }
p.backtop { clear: both; text-align: center; margin-bottom: 1.5em; }

div#header {
	position: relative;
	width: 770px; height: 300px; padding: 15px;
}
div#header h1 { margin-bottom: 20px; }
div#header p { margin-bottom: 15px; }
div#header p#logo {
	position: absolute; left: 695px; top: 15px;
	width: 90px; height: 30px;
}
div#header ul.btn li { padding-right: 3px; }

div#mainbody { padding: 0 10px; }

div#leadtext { padding: 0 10px; }
div#leadtext h2 { font-size: 123%; }
div#leadtext p { margin-bottom: 0.5em; }
div#leadtext ul.btn li { padding-right: 1.0em; }

div#goods ul.btn { margin-top: 10px; margin-bottom: 15px; }
div#goods ul.btn li { padding-right: 15px; }
div#goods div#goods_chiral { float: right; }
div#goods div.float_box { width: 374px; padding: 2px; border: 1px solid #2eb7ff; }
div#goods div.float_box h4, div#goods div.float_box h5, div#goods div.float_box p { padding: 0 7px; }
div#goods div.float_box h4 img { margin-bottom: 6px; }
div#goods div.float_box h5 { clear: both; margin-top: 12px; padding-top: 12px; border-top: 1px dotted #2eb7ff; }
div#goods div.float_box h5 img { margin-bottom: 5px; }
div#goods div.float_box h5 img.ico { margin-bottom: 12px;  margin-right: 8px; }
div#goods div.float_box p { font-size: 93%; margin-bottom: 12px; }

div#special h3, div#consumer h3 { margin-bottom: 5px; }
div#special h3 img, div#consumer h3 img  { margin-bottom: 5px; }
div#special img.ico, div#consumer img.ico { float: right; margin-left: 15px; padding: 4px; border: 1px solid #b6bdbf; }
div#special p, div#consumer p { margin-bottom: 0.5em; }
div#special ul, div#consumer ul { margin-bottom: 1.0em; }

div#poster h3 img.ico { float: right; margin-left: 15px; padding: 4px; border: 1px solid #b6bdbf; }
div#poster p srtong { color: #0086ed; }
div#poster ul { margin-bottom: 1.0em; }

div#outline h4, div#access h4 { color: #0086ed; font-weight: bold; }
div#outline p, div#access p { margin-bottom: 1.0em; }
div#outline ul { list-style-type: circle; margin-left: 20px; }
div#access { float: right; }
div#access dl { margin-bottom: 1.0em; }
div#access dt { font-weight: bold; }
div#access dd { margin-left: 1.0em; }

div#notice {
	clear: both; padding: 12px;
	background: #caf1fa url(img/bg_notice.jpg) no-repeat right bottom;
}
div#notice h3 img, div#notice p { margin-bottom: 1.0em; }

div#footer { padding: 1.0em 0; color: #505056; text-align: center; }

body#pg_list div#header { margin-bottom: 15px; }
body#pg_list div.box { margin-bottom: 1.0em; }
body#pg_list h2 { margin-bottom: 10px; }
body#pg_list h3 { margin-bottom: 0; }
body#pg_list p.link img { float: right; margin-left: 10px; }

body#pg_list img.ico { float: right; margin-left: 15px; padding: 4px; border: 1px solid #b6bdbf; }

body#pg_list div.set { margin: 0 -10px 1.5em; }
body#pg_list div.set h3, body#pg_list div.set p { padding: 0 10px; }
body#pg_list div.set p { margin-bottom: 1.0em; }
body#pg_list div.set ul { width: 100%; ;margin-bottom: 0.5em; }
body#pg_list div.set li { float: left; width: 180px; padding: 0 10px; }
body#pg_list div.set li h4 { margin-bottom: 0.2em; color: #0086ed; font-size: 108%; font-weight: bold; line-height: 1.3; }
body#pg_list div.set h4 small { font-size: 85%; }
body#pg_list div.set li img { margin-bottom: 3px; padding: 3px; border: 1px solid #b6bdbf; }
body#pg_list div.lteie7 div#mainbody { margin-right: -10px; }
body#pg_list div.lteie7 div.set li { padding: 0 8px 0 10px; }

body#pg_list ul#wide li { width: 260px; }

body#pg_relation div.float_box {
	width: 374px; height: auto !important; height: 360px; min-height: 360px;
	margin-bottom: 24px; padding: 2px; border: 1px solid #2eb7ff;
}
body#pg_relation div.float_box h3 {
	margin-bottom: 0.5em; padding: 0.5em 7px;
	background: #0064e4 url(img/bg_boxttl.gif) repeat-x left bottom; color: #fff;
	font-size: 123%; line-height: 1.2;
}
body#pg_relation div.float_box h3 a { color: #ff0; }
body#pg_relation div.float_box p { padding: 0.5em 0; font-size: 93%; text-align: center; }
body#pg_relation div.float_box p a img { margin-bottom: 7px; paddding: 4px; border: 1px solid #b6bdbf; }
body#pg_relation div.right { float: right; }
body#pg_relation div#mainbody div.clearfix { padding: 15px 0; }