* {
    margin : 0 ;
    padding : 0 ;
    line-height : 1.5 ;
}

html {
    width : 100% ;
    height : 100% ;
}

body{
    width : 100% ;
    height : 100% ;
	color : #333 ;
	font-size : 80% ;
	font-family : Arial,
                  Helvetica,
                  "ヒラギノ角ゴ Pro W3",
                  "Hiragino Kaku Gothic Pro",
                  Osaka,
                  "ＭＳ Ｐゴシック",
                  sans-serif;
}

body.center {
    text-align : center ;
}

body.center #contentWrapper {
    margin : 0 auto ;
    text-align : left ;
}

h1,h2,h3,h4,h5,h6 {
    line-height : 1 ;
    font : 1em normal ;
}

span.clear {
    display : block ;
    visibility : hidden ;
    height : 0px ;
    font-size : 0px ;
    line-height : 1 ;
    clear : both ;
}

img {
    border : none ;
    vertical-align : bottom ;
}

.border {
    border : 1px #CCC solid ;
    padding : 5px ;
}

img {
    border : none ;
    vertical-align : bottom ;
}




/* ==== ▼ size ▼ ==== */
#contentWrapper,#contents,#header { width : 910px ; }

/* secondary + primary = contents */
#secondary {
    width : 235px ;
}
#primary {
    width : 675px ;
}
#nav { height : 40px ; }

/* ==== ▲ size ▲ ==== */

/* ==== ▼ body,contentWrapper ▼ ==== */
body {
    background-color : #fff ;
}

#contentWrapper {
    position : relative ;
    background : url(../images/contents_bg.gif) left top repeat-y ;
}

/* ==== ▲ body,contentWrapper ▲ ==== */

/* ==== ▼ contents ▼ ==== */
#contents {
    position : relative ;
}

/* ==== ▲ contents ▲ ==== */

/* ==== ▼ head ▼ ==== */
#header {
    background : url(../images/header_bg.jpg) top left no-repeat ;
    height : 300px ;
    position : relative ;
}

#logo img {
    position : absolute ;
    left : 22px ;
    top : 12px ;
}

#logoText {
    position: absolute;
    left: 22px;
    top: 10px;
    width: 620px;
    height: 45px;
    overflow: hidden;
}
#logoText a {
    text-decoration: none;
    font-size: 30px;
    font-weight: bold;
    color: #666;
}

#site_information {
    position: absolute;
    left: 25px;
    top: 100px;
}

/* ==== ▲ head ▲ ==== */

/* ==== ▼ primary ▼ ==== */
#primary {
    float : right ;
    position : relative ;
}

#primary_inner {
    margin : 10px 0 15px 0;
}

/* ==== ▲ primary ▲ ==== */

/* ==== ▼ secondary ▼ ==== */

#secondary {
    position : relative ;
    float : left ;
}

#secondary .sideBox {
    width: 207px;
    background-image: url(../images/snav_bg.gif);
    background-position: 0 0;
    background-repeat: repeat-y;
    margin : 10px 0 10px 14px ;
}
#secondary .sideBox h3 {
    background-image: url(../images/snav_menu.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 2.1;
    overflow: hidden;
}
#secondary .sideBoxBody {
    background-image: url(../images/snav_bg_btm.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 0 10px 10px 10px;
}

#sideBoxList {
    width : 187px ;
}
#sideBoxList ul {
    list-style : none ;
    margin-top: 10px;
}
#sideBoxList ul li {
    line-height: 30px;
    list-style-type: none;
    text-indent: 1.2em;
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
}
#sideBoxList ul li a {
    display: block;
    width: 187px;
    height: 30px;
    text-decoration: none;
    line-height: 30px;
}

#sideBoxList ul li a {
    background: url(../images/snav_hover.jpg) 0 0 no-repeat;
}

#sideBoxList ul li a:hover {
    background: url(../images/snav_hover.jpg) 0 -30px no-repeat;
}

/* ==== ▲ secondary ▲ ==== */

/* ==== ▼ nav ▼ ==== */
#nav {
    position : absolute ;
    top : 260px ;
    left : 5px ;
    width : 900px ;
}

#nav ul {
    list-style : none ;
    margin: 0;
    padding: 0;
    height: 40px;
    overflow: hidden;
}

#nav ul li {
    float: left;
    width: 150px;
    margin: 0;
    padding: 0;
   
}

#nav ul li a {
    display: block;
    width: 100%;
    padding: 0;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    background: url(../images/navi1.jpg) no-repeat;
    text-decoration: none;
    text-indent: 1.5em;
    line-height: 40px;
}

/* ==== ▲ nav ▲ ==== */

/* ==== ▼ topNav ▼ ==== */
#topNav {
    position : absolute ;
    left : 655px ;
    top : 10px ;
}
#topNav ul {
    list-style : none ;
    margin: 0;
    padding: 0;
    height: 25px;
    overflow: hidden;
}

#topNav ul li {
    float: left;
    line-height: 25px;
    list-style-type: none;
    text-align: center;
}

#topNav ul li a {
    display: block;
    width: 120px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    text-decoration: none;
    line-height: 25px;
}

#topNav ul li a {
    background: url(../images/tbt_hover.gif) 0 0 no-repeat;
}
#topNav ul li a:hover {
    background: url(../images/tbt_hover.gif) 0 -25px no-repeat;
}


/* ==== ▲ topNav ▲ ==== */

/* ==== ▼ footer ▼ ==== */
#footer {
    clear : both ;
    height : 70px ;
	background : url(../images/footer.jpg) left top repeat-x ;
    position : relative ;
    margin : 0 5px ;
    text-align: center;
}

#footer #flist {
    padding: 15px 0 0 0;
    text-align: center;
    font-size: 0.9em;
}

#footer #flist a {
    color : #333 ;
    text-decoration : none ;
}

#footer #flist a:hover {
    text-decoration : underline ;
}

#footer #copyright {
    font-size : 0.9em ;
}

#footer #copy a{
    color : #333 ;
    text-decoration : none ;
}

#footer #noc {
    font-size: 0.7em;
    color: #666;
}

#noc a {
    text-decoration: none;
    color: #666;
}

/* ==== ▲ footer ▲ ==== */