@charset "UTF-8";
@import "../../css/style.css";

div#content { padding: 0 0 130px 0; }
div#content h1 { margin: 0 0 30px 0; padding: 0; }
div#content h2 { margin: 0 0 20px 0; padding: 0; font-size: 120%; }


div#introduction { padding: 0 0 160px 0; }
div#introduction strong { margin: 0 0 1em 0; display: block; }
div#introduction p { margin: 0 0 1em 0; padding: 0; }
div#introduction p.right { text-align: right; }
/*
div#introduction dl { margin: 0; padding: 0; }
div#introduction dl dt { margin: 0; padding: 0; width: 318px; float: left; }
div#introduction dl dt p { margin: 5px 0 0 0; padding: 0; }
div#introduction dl dd { margin: 0; padding: 0; width: 309px; float: left; }
div#introduction dl dd p { margin: 0; padding: 0; }
*/

div#info { padding: 0 0 30px 0; }
div#info dl { margin: 0; padding: 0; }
div#info dl dt { margin: 0; padding: 0; width: 300px; float: left; }
div#info dl dt img { margin: 0 0 20px 0; }
div#info dl dd { margin: 0; padding: 0; width: 327px; float: left; }
div#info dl dd p { margin: 0 0 1em 0; padding: 0; }
div#info dl dd img { width: 327px !important; height: auto !important; }


div#item { padding: 0 0 30px 0; }
div#item dl { margin: 0; padding: 0; }
div#item dl dt { margin: 0; padding: 0 30px 0 0; width: 288px; float: left; }
div#item dl dd { margin: 0; padding: 0; width: 309px; float: left; }
div#item dl dd ul { margin: 0.5em 0 0 0; padding: 0; list-style: none; }
div#item dl dd ul li { margin: 0 0 15px 0; }
div#item dl dd ul li img { margin: 0 0 10px 0; vertical-align: top; }
div#item dl dd ul li strong { display: block; }
div#item dl dd ul li p { margin: 0; padding: 0; }


body#popup { background-color: #fff; }
body#popup h1 { margin: 20px 0 30px 20px; padding: 0; }
body#popup dl { margin: 0 auto; padding: 0; width: 600px; }
body#popup dl dt { margin: 0; padding: 0 0 20px 0; width: 300px; float: left; }
body#popup dl dt img {}
body#popup dl dd { margin: 0; padding: 0 0 20px 0; width: 300px; float: left; }
body#popup dl dd strong { display: block; }
body#popup dl dd p { margin: 0; padding: 0; color: #666; }
body#popup div#button { padding: 20px 0; text-align: center; }

/*
div#sideNavigation ul li.navi01 a { height: 43px; background: url(../images/sideNavigation.gif) 0 0 no-repeat; text-indent: -9999px; display: block; }
div#sideNavigation ul li.navi01 a:hover { background: url(../images/sideNavigation.gif) -267px 0 no-repeat; }
div#sideNavigation ul li.navi01 span { height: 43px; background: url(../images/sideNavigation.gif) -267px 0 no-repeat; text-indent: -9999px; display: block; }
div#sideNavigation ul li.navi02 a { height: 43px; background: url(../images/sideNavigation.gif) 0 -43px no-repeat; text-indent: -9999px; display: block; }
div#sideNavigation ul li.navi02 a:hover { background: url(../images/sideNavigation.gif) -267px -43px no-repeat; }
div#sideNavigation ul li.navi02 span { height: 43px; background: url(../images/sideNavigation.gif) -267px -43px no-repeat; text-indent: -9999px; display: block; }
div#sideNavigation ul li.navi03 a { height: 43px; background: url(../images/sideNavigation.gif) 0 -86px no-repeat; text-indent: -9999px; display: block; }
div#sideNavigation ul li.navi03 a:hover { background: url(../images/sideNavigation.gif) -267px -86px no-repeat; }
div#sideNavigation ul li.navi03 span { height: 43px; background: url(../images/sideNavigation.gif) -267px -86px no-repeat; text-indent: -9999px; display: block; }
div#sideNavigation ul li.navi04 a { height: 43px; background: url(../images/sideNavigation.gif) 0 -129px no-repeat; text-indent: -9999px; display: block; }
div#sideNavigation ul li.navi04 a:hover { background: url(../images/sideNavigation.gif) -267px -129px no-repeat; }
div#sideNavigation ul li.navi04 span { height: 43px; background: url(../images/sideNavigation.gif) -267px -129px no-repeat; text-indent: -9999px; display: block; }
div#sideNavigation ul li ul { margin: 5px 0 0 0 !important; padding: 0; list-style: none; }
div#sideNavigation ul li ul li { font-size: 110%; }
div#sideNavigation ul li ul li a { padding: 0 0 0 54px; height: auto !important; background: url(../../images/common/arrow.gif) 43px center no-repeat !important; color: #727171; text-decoration: none; text-indent: 0 !important; }
div#sideNavigation ul li ul li a:hover { color: #cb4829; }
div#sideNavigation ul li ul li span { padding: 0 0 0 54px; height: auto !important; background: url(../../images/common/arrow.gif) 43px center no-repeat !important; color: #cb4829; text-indent: 0 !important; display: block; }
*/
div#sideNavigation li a { height: 43px; text-indent: -9999px; display: block; }
div#sideNavigation li.navi01 a { background: url(../images/navi01.gif) 0 center no-repeat; }
div#sideNavigation li.navi02 a { background: url(../images/navi02.gif) 0 center no-repeat; }
div#sideNavigation li.navi03 a { background: url(../images/navi03.gif) 0 center no-repeat; }
div#sideNavigation li.navi04 a { background: url(../images/navi04.gif) 0 center no-repeat; }
div#sideNavigation li a:hover { background-position: -267px center; }
div#sideNavigation li a.active { background-position: -267px center; }