* {
    padding:0;
    margin:0;
}

body { 
line-height: 1.4;
font-size: 14px;
background: #e1e1e1;
margin: 0;
padding: 0;
}

a { color: #2068AF; text-decoration: none;}
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5 { font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", serif; margin: 3px 0 15px 0; font-weight: 100; border-bottom: 1px dotted #919191; }
h1 { font-size: 29px; }
h2 { font-size: 25px; }
h3 { font-size: 23px; }
h4 { font-size: 21px; }
h5 { font-size: 19px; }
ul { margin: 0 0 20px 30px; list-style-type: square; }
ol { margin: 0 0 20px 30px; list-style-type: decimal; }
blockquote { background: #eee; border-left: 5px solid #bcbcbc; padding: 10px; margin: 0 0 20px 0; }
blockquote p { margin: 0; padding: 0; }
p { padding: 0 0 20px 0; }
table { margin: 0 0 20px 0; text-align: left; width: 100%; }
td, th { padding: 5px; border: 1px solid #e7e7e7; }
th { color: #323232; }

#wrap { 
width: 1000px;
margin: 0 auto;
}

#header {
height: 160px;
background: url(../images/header.jpg) repeat-x;
text-align: right;
}
#header .headtitle {
font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
margin: 0;
padding: 40px 50px 0 0;
font-weight: bold;
font-size: 45px;
border: none;
line-height: 1;
background: none;
}
#header .headtitle a { text-decoration: none; color: #fff; }
#header .headtitle a:hover { text-decoration: none; }
#header .headcomment { background: none; border: none; margin: 0; padding: 0 50px 0 0; color: #000; font-weight: bold; font-size: 18px; }

#menu {
background: url(../images/menu.jpg) repeat-x;
height: 50px;
line-height: 50px;
font-size: 14px;
}
#menu ul {
list-style-type: none;
margin: 0;
padding-left: 20px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color: #fff;
}
#menu ul li a:hover {
color: #fff;
background: url(../images/menuover.png) repeat-x;
}

#menubottom { background: url(../images/menubottom.jpg) no-repeat; padding: 5px 0; }

#content {
background: url(../images/content.jpg) repeat-y;
padding: 10px 30px 20px 30px; 
}
#content:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    font-size: 0.1em;
}

.left {
float: left;
width: 620px;
}

.box {
	margin-bottom:30px;
}
.box:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    font-size: 0.1em;
}

.imagefull {
	max-width: 100%;
	margin: 10px auto;
}
.imageleft {
	max-width: 280px;
	float: left;
	margin: 10px 15px 10px 0;
}
.imageright {
	max-width: 280px;
	float: right;
	margin: 10px 0 10px 15px;
}


.right { 
float: right;
width: 300px;
color: #717171;
}
.right .navititle { background: url(../images/sidebar.jpg) no-repeat; height: 50px; line-height: 40px; margin: 0; padding: 0 0 0 10px; color: #fff; font-size: 19px; border: none; }
.right ul { margin: 0; padding: 5px 0 20px 10px; list-style-type: none; }
.right ul li { background: url(../images/list.png) no-repeat left top; padding: 0 0 3px 20px; margin: 0 0 10px 0; font-size: 13px;}
.right ul li a { font-size: 14px; }

#footertop { background: url(../images/footertop.jpg) no-repeat; padding: 5px 0; }

#footer { 
background: url(../images/footer.jpg) no-repeat;
padding: 0 20px;
height: 50px;
line-height: 40px;
text-align: center;
color: #fff;
}
#footer:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    font-size: 0.1em;
}
#footer p { padding: 0; margin: 0; }
#footer a { color: #fff; }
#footer a:hover { border-bottom: 1px dotted #fff; text-decoration: none; }

.footerleft { float: left; }
.footerright { float: right; }










@media screen and (max-width: 680px) {

body { 
line-height: 1.4;
font-size: 14px;
background: #e1e1e1;
margin: 0;
padding: 0;
}

a { color: #2068AF; text-decoration: none;}
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5 { font-family: 'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif; margin: 3px 0 15px 0; font-weight: 100; border-bottom: 1px dotted #919191; }
h1 { font-size: 20px; }
h2 { font-size: 19px; }
h3 { font-size: 18px; }
h4 { font-size: 18px; }
h5 { font-size: 17px; }
ul { margin: 0 0 20px 30px; list-style-type: square; }
ol { margin: 0 0 20px 30px; list-style-type: decimal; }
blockquote { background: #eee; border-left: 5px solid #bcbcbc; padding: 10px; margin: 0 0 20px 0; }
blockquote p { margin: 0; padding: 0; }
p { padding: 0 0 20px 0; }
table { margin: 0 0 20px 0; text-align: left; width: 100%; }
td, th { padding: 5px; border: 1px solid #e7e7e7; }
th { color: #323232; }

#wrap { 
width: 100%;
margin: 0 auto;
}

#header {
height: auto;
background: url(../images/header.jpg) repeat-x;
background-size: cover;
text-align: right;
margin-left: 4px;
}
#header .headtitle {
font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
margin: 0;
padding: 40px 10px 0 10px;
font-weight: bold;
font-size: 26px;
border: none;
line-height: 1;
background: none;
}
#header .headtitle a { text-decoration: none; color: #fff; }
#header .headtitle a:hover { text-decoration: none; }
#header .headcomment { background: none; border: none; margin: 0; padding: 0 10px 0 0; color: #000; font-weight: bold; font-size: 14px; }

#menu {
background: url(../images/menu.jpg) repeat-x;
height: 50px;
line-height: 50px;
font-size: 14px;
}
#menu ul {
list-style-type: none;
margin: 0;
padding-left: 20px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color: #fff;
}
#menu ul li a:hover {
color: #fff;
background: url(../images/menuover.png) repeat-x;
}

#menubottom { background: url(../images/menubottom.jpg) no-repeat; padding: 5px 0; }

#content {
background: url(../images/content.jpg) repeat-y;
padding: 10px 30px 20px 30px; 
}
#content:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    font-size: 0.1em;
}

.left {
float: none;
width: 100%;
}

.box {
	margin-bottom:30px;
}
.box:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    font-size: 0.1em;
}

.imagefull {
	max-width: 100%;
	margin: 10px auto;
}
.imageleft {
	max-width: 50%;
	float: left;
	margin: 10px 15px 10px 0;
}
.imageright {
	max-width: 50%;
	float: right;
	margin: 10px 0 10px 15px;
}


.right { 
float: none;
width: 100%;
color: #717171;
}
.right .navititle { background: url(../images/sidebar.jpg) no-repeat; height: 50px; line-height: 40px; margin: 0; padding: 0 0 0 10px; color: #fff; font-size: 19px; border: none; }
.right ul { margin: 0; padding: 5px 0 20px 10px; list-style-type: none; }
.right ul li { background: url(../images/list.png) no-repeat left top; padding: 0 0 3px 20px; margin: 0 0 15px 0;}
.right ul li a { font-size: 15px; }

#footertop { background: url(../images/footertop.jpg) no-repeat; padding: 5px 0; }

#footer { 
background: url(../images/footer.jpg) no-repeat;
padding: 0 20px;
height: 50px;
line-height: 40px;
text-align: center;
color: #fff;
}
#footer:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    font-size: 0.1em;
}
#footer p { padding: 0; margin: 0; }
#footer a { color: #fff; }
#footer a:hover { border-bottom: 1px dotted #fff; text-decoration: none; }

.footerleft { float: left; }
.footerright { float: right; }

}