/*--------------------------------------------
@media screen and (max-width: 768px) {}
@media screen and (min-width: 769px) {}
---------------------------------------------*/


body{
text-align: center; /* 全体中央＆IEセンタリング */
font-family : "ＭＳ Ｐゴシック", sans-serif;	/* iPhone用フォントも設定 */
-webkit-text-size-adjust: 100%;			/* iPhoneの文字サイズ固定 */

background-attachment:scroll;
background-color:#ffffff;
background-position:top left;
background-repeat:no-repeat;
background-image:url(image/Piece/flower/red01.jpg);
background-size:30% auto;
}

@media screen and (min-width: 769px) {
body{
width:95%;	/*ie横スクロールバグ対策*/
}}

a:link{color: #0000ff; text-decoration:none ;}
a:visited{color: #0000cc; text-decoration:none ;}
a:active{color: #ff8000; text-decoration:none ;}
a:hover {color : #BBBB00; text-decoration: underline;}

.s12{ font-size:12px; line-height:140%;}
.s13{ font-size:13px; line-height:140%;}
.s14{ font-size:14px; line-height:140%;}

/*画像自動伸縮*/
img{
max-width:100%;
height: auto;
display:block;
margin:0 auto;
}

#container{
max-width:480px;
height: auto;
margin:0 auto;
padding-top:50px;
}

@media screen and (max-width: 768px) {
.tl{
padding-top:10px;
padding-bottom:20px;
}}

@media screen and (min-width: 769px) {
.tl{
margin:0 auto;
padding-top:30px;
padding-bottom:30px;
}}

.p1{
max-width:300px;
margin:0 auto;
font-size:14px;
text-align:left;
line-height:140%;
padding-left:5px;
padding-right:5px;
}

@media screen and (max-width: 768px) {
.p1{
padding-top:10px;
padding-bottom:5px;}}
@media screen and (min-width: 769px) {
.p1{
padding-top:15px;
padding-bottom:15px;}}


dl{
max-width:480px;
font-size:14px;
text-align:left;
padding-left:10px;
padding-right:5px;

}
.list dt{
font-weight: bold;
padding-top:20px;
padding-bottom:10px;
background: url(image/sl/line/my-l-pacchi9.gif) repeat-x;
}
.list dd{
line-height:1.4em;
padding-top:5px;
padding-bottom:5px;
}

/* 画像で線を引く */
.u-line1{		/* 下の二重線 */
width:100%;
background: url(../image/line-gray2.gif) repeat-x;
height:9px;
margin:10px;
}

hr {
display:none;	/* hrを消す */
}
.line2{
max-width:480px;
background: url(image/sl/line/my-l-pacchi9.gif) repeat-x;
height:15px;
margin:10px;
}

/* 横並びリスト*/
.undernavi{
width:100%;
}
.undernavi ul {	/* 上下の幅 */
margin:0 auto;
}
.undernavi li{
font-size:14px;
padding: 0 7px;
display: inline;/* 横並びにさせる */
border-left: 1px solid black; /* 区切り線 */
}
.undernavi a{
color: #004080;
}
.undernavi a:hover{
color: #004080;
}

#footer{
width:100%;
text-align:center;
font-size:13px;
}
#footer a{
color : #000000;
}
#footer a:hover{
color : #000000;
}
#footer a:visited{
color : #000000;
}