@charset "utf-8";


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定およびスマートフォン向けのスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
body {
width: 100%;
margin: 0;
padding: 0;
font-size: 0.8em;
line-height: 2em;
background-color: #fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
color: #333333;
}
a:link, a:visited {
color: #333333;
}
a:hover, a:active {
color: #0010FF;
}
header {
text-align: center;
margin: 0;
padding: 2.5em 0 2.8em;
background: url(../images/bd1.gif) bottom repeat-x;
}
header img {
width: 160px;
height: 29px;    
}
.contents1 {
margin: 0 auto;
padding: 2.5em 1.5em 2.8em;
border-bottom: dashed 1px #dddddd;
}
.contents1 .det {
line-height: 1.6em;
margin: 30px 0 10px 0;
padding: 0;
text-align: left;
text-indent: 0;
}
.contents2 {
margin: 0 auto;
padding: 2.5em 1.5em 3.2em;
background: url(../images/bd2.gif) bottom repeat-x;
}
.contents3 {
margin: 0 auto;
padding: 2.5em 1.5em 3.2em;
background: url(../images/bd1.gif) bottom repeat-x;
}
.contents1 h1, .contents2 h1, .contents3 h1 {
font-weight: bold;
font-size: 1.1em;
line-height: 1.4em;
margin: 1em 0 1.2em;
}
.contents1 ul {
list-style-type: square;
list-style-position: inside;
margin: 0;
padding: 0;
}
.contents1 ul li {
margin: 0.8em 0 0.8em 1.0em;
padding: 0;
text-indent: -0.9em;
line-height: 1.4em;
}
footer {
width: 100%;
text-align: center;
font-size: 0.8em;
padding: 20px 0;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


/*  PC向けのスタイル：680px～ */
@media only screen and (min-width: 680px) {
.contents1, .contents2 {
width: 680px;
text-align: center;
}
.contents3 {
width: 680px;
text-align: center;
padding-bottom: 3.5em;
}
.contents1 ul {
list-style-type: square;
list-style-position: inside;
margin: 0;
padding: 0;
}
.contents1 ul li {
margin: 0;
padding: 0;
text-indent: 0;
line-height: 2em;
}
.contents1 .det {
line-height: 1.6em;
margin: 30px auto 10px;
padding: 0 0 0 60px;
text-align: left;
width: 500px;
}
footer {
width: 680px;
margin: 0 auto;
padding: 30px 0;
text-align: center;
font-size: 0.8em;
}
}