@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
-webkit-text-size-adjust: none;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 12px;
}
#wrapper #content_box {
width: 980px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
#wrapper #content {
width: 640px;
margin-bottom: 25px;
float: left;
}
#content_box #content #imgbox_neo {
width: auto;
background-image: url(url);
}

#wrapper #rightbox {
width: 300px;
display: block;
height: auto;
float: right;
margin-top: 0px;
}
#wrapper #content h1 {
font-size: 2em;
line-height: 114%;
margin-bottom: 30px;
margin-top: 13px;
padding-top: 30px;
padding-bottom: 25px;
border-top: 10px solid #3000BB;
border-bottom: 2px solid #3000BB;
text-align: center;
}
#wrapper #content h2 {
font-size: 1.5em;
margin-bottom: 30px;
margin-top: 30px;
color: #000000;
padding-left: 20px;
padding-top: 5px;
border-left: 5px solid #2014B3;
padding-bottom: 5px;
display: block;
text-align: left;
margin-left: 5px;
}
#wrapper {
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
#content_box #rightbox #index {
padding-left: 10px;
padding-top: 20px;
padding-right: 10px;
font-size: 1.2em;
line-height: 145%;
list-style-position: inside;
border-top: 4px solid #3000BB;
border-bottom: 3px solid #B3B3B3;
}
#rightbox #index .indexname_last {
margin-bottom: 17px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 5px;
list-style-image: url(../img/listmark.gif);
}
#rightbox #index .indexname_last a {
text-decoration: none;
list-style-type: none;
color: #000000;
}
#rightbox #index .indexname_last a:hover {
text-decoration: underline;
color: #3000BB;
}
#rightbox #index .indexname {
margin-bottom: 17px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 17px;
border-bottom: 1px dotted #B3B3B3;
list-style-type: none;
list-style-image: url(../img/listmark.gif);
}
#rightbox #index .indexname a {
text-decoration: none;
color: #000000;
}
#rightbox #index .indexname a:hover {
color: #3000BB;
text-decoration: underline;
}
#wrapper #content p {
font-size: 1.2em;
margin-top: 23px;
margin-bottom: 25px;
line-height: 165%;
letter-spacing: 1.7px;
color: #3A3A3A;
}
#content_box #content p {
}

#content .imgbox img {
width: 60%;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
#content .imgbox #men {
width: 40%;
}
#content .imgbox #cup {
width: 80%;
}
#content .imgbox #neo {
width: 100%;
}
#content .imgbox #graf {
width: 65%;
}
#content .imgbox #kobayashi {
width: 40%;
}
#wrapper #content .imgbox {
width: auto;
text-align: center;
font-size: 0.9em;
}
#wrapper #kikaku {
text-align: left;
margin-top: 10px;
margin-bottom: 0px;
font-size: 0.7em;
}
#wrapper #rightbox2 {
display: none;
}
#content p .link {
text-decoration: none;
font-weight: bold;
color: #3000BB;
}
.pc { display: block !important; }
.sp { display: none !important; }
/*///////////////////////////////////////////////////*/
/*(min-width:1200px) and ( max-width:1380px) */
/*///////////////////////////////////////////////////*/
@media screen and (min-width:1200px) and ( max-width:1380px) {
#wrapper #rightbox {
width: 300px;
display: block;
height: auto;
padding-right: 0%;
float: right;
}
}
/*///////////////////////////////////////////////////*/
/*(min-width:780px) and ( max-width:1200px) */
/*///////////////////////////////////////////////////*/
@media screen and (min-width:780px) and ( max-width:1200px) {
#wrapper #rightbox {
display: none;
}
#wrapper #content {
width: auto;
}
#wrapper #content_box {
width: 640px;
}
#wrapper #rightbox2 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 80px;
border-top: 5px solid#BFBFBF;
display: block;
height: auto;
float: left;
}
#rightbox2 #index2 .indexname2 {
margin-bottom: 10px;
list-style-type: none;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px dotted #696969;
text-decoration: none;
font-size: 1.2em;
}
#rightbox2 #index2 .indexname2 a {
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: auto;
text-decoration: none;
font-weight: bold;
}
#rightbox2 #index2 {
width: auto;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
}
/*///////////////////////////////////////////////////*/
/*(min-width:320px) and ( max-width:780px) */
/*///////////////////////////////////////////////////*/
@media screen and (min-width:320px) and ( max-width:780px) {
#wrapper {
overflow: hidden;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
#wrapper #content_box {
width: 100%;
}
#wrapper #content {
width: 100%;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
#wrapper #content h1 {
font-size: 2.2em;
margin-top: 5px;
margin-bottom: 15px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
font-weight: bold;
line-height: 125%;
border-top: 1px solid #3000BB;
border-bottom: 1px solid #3000BB;
color: #000000;
}
#wrapper #content {
margin-left: 0px;
margin-right: 0px;
}

#wrapper #content h2 {
font-size: 1.9em;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 15px;
padding-left: 20px;
margin-bottom: 20px;
margin-top: 10px;
line-height: 128%;
color: #000000;
text-align: left;
}
#wrapper #content .imgbox {
width: 100%;
text-align: center;
font-size: 1em;
padding-bottom: 10px;
}
#content .imgbox img {
width: 100%;
padding-bottom: 0px;
margin-bottom: 0px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
#content .imgbox #men {
width: 50%;
}
#content .imgbox #kobayashi {
width: 70%;
}
#content .imgbox #cup {
width: 100%;
}
#content .imgbox #item {
width: 70%;
}
#content .imgbox #graf {
width: 100%;
}
#wrapper #content p {
font-size: 1.5em;
margin-top: 0px;
padding-left: 17px;
padding-right: 7px;
margin-bottom: 20px;
line-height: 130%;
letter-spacing: 1px;
}
#wrapper #rightbox {
display: none;
}
#wrapper #rightbox2 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 80px;
border-top: 5px solid#BFBFBF;
display: block;
height: auto;
float: left;
}
#rightbox2 #index2 .indexname2 {
margin-bottom: 10px;
list-style-type: none;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px dotted #696969;
text-decoration: none;
font-size: 1.2em;
}
#rightbox2 #index2 .indexname2 a {
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: auto;
text-decoration: none;
font-weight: bold;
}
#rightbox2 #index2 {
width: auto;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
#wrapper #kikaku {
text-align: left;
margin-bottom: 2px;
font-size: 0.7em;
width: auto;
padding-left: 10px;
}
.pc { display: none !important; }
.sp { display: block !important; }
}
/*///////////////////////////////////////////////////*/
/*(min-width:0px) and ( max-width:320px) */
/*///////////////////////////////////////////////////*/
@media screen and (min-width:0px) and ( max-width:320px) {
#wrapper {
overflow: hidden;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
#wrapper #content_box {
width: 100%;
}
#wrapper #content {
width: 100%;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
#wrapper #content h1 {
font-size: 2.2em;
margin-top: 5px;
margin-bottom: 15px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
font-weight: bold;
line-height: 125%;
border-top: 1px solid #3000BB;
border-bottom: 1px solid #3000BB;
color: #000000;
}
#wrapper #content {
margin-left: 0px;
margin-right: 0px;
}
#wrapper #content h2 {
font-size: 1.9em;
padding-top: 22px;
padding-bottom: 20px;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 20px;
margin-top: 10px;
line-height: 128%;
color: #000000;
text-align: left;
}
#wrapper #content .imgbox {
width: 100%;
text-align: center;
font-size: 1em;
padding-bottom: 10px;
}
#content .imgbox img {
width: 100%;
padding-bottom: 0px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
#content .imgbox #men {
width: 60%;
}
#content .imgbox #kobayashi {
width: 80%;
}
#content .imgbox #item {
width: 70%;
}
#content .imgbox #graf {
width: 100%;
}
#wrapper #content p {
font-size: 1.5em;
margin-top: 0px;
padding-left: 10px;
padding-right: 0px;
margin-bottom: 20px;
line-height: 130%;
letter-spacing: 1px;
}
#wrapper #rightbox {
display: none;
}
#wrapper #rightbox2 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 80px;
border-top: 5px solid#BFBFBF;
display: block;
height: auto;
float: left;
}
#rightbox2 #index2 .indexname2 {
margin-bottom: 10px;
list-style-type: none;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px dotted #696969;
text-decoration: none;
font-size: 1.2em;
}
#rightbox2 #index2 .indexname2 a {
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: auto;
text-decoration: none;
font-weight: bold;
}
#rightbox2 #index2 {
width: auto;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
#wrapper #kikaku {
text-align: left;
margin-bottom: 2px;
font-size: 0.7em;
width: auto;
padding-left: 5px;
}
.pc { display: none !important; }
.sp { display: block !important; }
}