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

/************************************ 

			共通

***********************************/
.clearfix:after{content: "";clear: both;display: block;}
body{
	margin: 0;
	padding: 0;
}
#compose {
	width: 680px;
	margin: 0 auto;
	background-color: #e6e6e6;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","メイリオ",Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}
#compose img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

/*.YoutubeWrapper{position: relative;margin-top: 0.5rem;margin-bottom: 1rem;padding-top: 69px;padding-bottom: 50%;overflow: hidden;}
.YoutubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}
*/
/************************************ 

			ナビ

***********************************/

.navMain {
    background: #062b57;
    padding-bottom: 12px;
}

.navMain h1 {
    width: 376px;
    margin: 0 auto;
    padding: 14px 0;
}

ul.nav {
    width: 658px;
    margin: 0 auto;
}

ul.nav li {
    margin-bottom:5px;
}

ul.nav li:last-child {
    margin-bottom:0;
}


/************************************ 

			ポイント

***********************************/

#pointW {
    width: 680px;
    margin: 0 auto;
}
.products {
	background-image: url(../img/bk.png);
	background-repeat: repeat-y;
	padding-right: 25px;
	padding-left: 25px;
}
#p03 .products ul {
	margin-right: -20px;
}
#p03 .products ul li {
	width: 305px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#p03 .products ul li a:hover img{
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}