html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

.cf { overflow: hidden; *zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.ar { text-align: right; }

.ac { text-align: center; }

.mb2em { margin-bottom: 2em; }

.mt2em { margin-top: 2em; }

.mtb2em { margin-top: 2em; margin-bottom: 2em; }

.bold { font-weight: bold !important; }

img.fitimage { width: inherit; max-width: 100%; height: auto; zoom: 1; }

/*----------------------------------------------------------角丸----------------------------------------------------------*/
/*----------------------------------------------------------グラデーション----------------------------------------------------------*/
#logo { width: 228px; height: 47px; position: absolute; top: 10px; left: 10px; }

h2 { background-color: #444444; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2B2B2B', endColorstr='#FF444444'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2b2b2b), color-stop(100%, #444444)); background-image: -webkit-linear-gradient(#2b2b2b 0%, #444444 100%); background-image: -moz-linear-gradient(#2b2b2b 0%, #444444 100%); background-image: -o-linear-gradient(#2b2b2b 0%, #444444 100%); background-image: linear-gradient(#2b2b2b 0%, #444444 100%); text-align: center; font-size: 20px; line-height: 40px; font-weight: bold; margin-bottom: 1em; text-align: center; color: #fff; }

.round { background-color: #000; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; margin: 0px auto 2em; height: 440px; overflow: hidden; }
.wsp .round { height: 360px; }
.sp .round { height: 160px; }

.mainimage { padding: 0; margin-bottom: 20px; text-align: center; }

body { background-color: white; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE6E6E6', endColorstr='#FFFFFFFF'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#e6e6e6 0%, #ffffff 100%); background-image: -moz-linear-gradient(#e6e6e6 0%, #ffffff 100%); background-image: -o-linear-gradient(#e6e6e6 0%, #ffffff 100%); background-image: linear-gradient(#e6e6e6 0%, #ffffff 100%); }

body { font-family: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Ghothic Pro W3", sans-serif !important; }

p { font-family: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Ghothic Pro W3", sans-serif !important; font-size: 14px; line-height: 180%; margin-bottom: 2em; }

a { text-decoration: none; color: #1c58b5; }
a:hover { color: #162159; }

h3 { text-align: center; font-size: 20px; line-height: 130%; font-weight: bold; margin-bottom: 0.5em; text-align: left; color: #3484a5; }
.sp h3 { font-size: 16px; }

.backtop { text-align: center; }

#container { margin: 0 auto; position: relative; width: 960px; }
.wsp #container { width: 700px; }
.sp #container { width: 320px; }

#header { padding: 10px; }

#container_inner { margin: 0 50px; background-color: rgba(255, 255, 255, 0.5); }
.wsp #container_inner { margin: 0 10px; }
.sp #container_inner { margin: 0 10px; }

#picbox { margin: 0 auto 2em; text-align: center; position: relative; }
.sp #picbox { width: 280px; overflow: hidden; }
.sp #picbox img { width: inherit; max-width: 100%; height: auto; zoom: 1; }

#content { width: 640px; margin: 0 auto 20px; }
.wsp #content { width: 640px; }
.sp #content { width: 280px; }
#content #picbox { margin: 0 auto 40px; overflow: hidden; *zoom: 1; }
#content #picbox img { width: 640px; height: auto; }
.sp #content #picbox img { width: 280px; }
#content ul { margin: 20px auto 40px; }
.sp #content ul { width: auto; padding: 10px 10px; }
#content ul li { line-height: 160%; font-size: 14px; margin-bottom: 2em; list-style-position: outside; list-style-type: square; margin-left: 1em; list-style-image: url(list_1.gif); }
#content ul li:last-child { margin-bottom: 0; }

#footer { background-color: #555555; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF222222', endColorstr='#FF555555'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #222222), color-stop(100%, #555555)); background-image: -webkit-linear-gradient(#222222 0%, #555555 100%); background-image: -moz-linear-gradient(#222222 0%, #555555 100%); background-image: -o-linear-gradient(#222222 0%, #555555 100%); background-image: linear-gradient(#222222 0%, #555555 100%); font-family: "ＭＳ ゴシック"; font-size: 9pt; text-align: center; color: #fff; padding: 50px 0; }

/*スライドに関しての設定*/
#slide { width: 840px; margin: 1em auto 2em; background-color: #efefef; position: relative; }
.wsp #slide { width: 640px; }
.sp #slide { width: 320px; }
#slide .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
#slide .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
#slide .rslides li:first-child { position: relative; display: block; float: left; }
#slide .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

.gallery_link { position: absolute; top: 10px; right: 10px; }
.sp .gallery_link { width: 100px; top: 110px; right: 15px; }
.sp .gallery_link img { width: 100px; height: auto; }