/*■初期設定-------------------------------------------------------*/

html {
    overflow: auto;
}

body {
        overflow-x: hidden;
        position: relative;
        background: #FFFFFF;
        color: #333333;
	font-size:14px;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        line-height:1.8em;
        padding:0 0 5px 0;
        }

a{
	color: #EE8000;
	}
F
a:hover{
	color: #228b22;
        outline: 0;
        text-decoration: none;
	}

*{ margin:0; padding:0;}

img{
	border:0;
	vertical-align: middle;
	}

hr {
	border:solid #BBBBBB;
	border-width: 1px 0 0 0;
	height: 1px;
	margin:10px 0 10px 0;
        }

/*■コンテナー-------------------------------------------------------*/

#container{
	max-width:1240px;
        margin: 0 auto;
        padding:0 10px 0 10px;
	}

/*■ヘッダー-------------------------------------------------------*/

.header {
        background: #FFFFFF;
        padding: 5px 0 0 0;
        margin:0 0 5px 0;
}

h1{
        color:#666666;
        text-align:left;
	font-size: 11px;
        font-weight: normal;
        line-height:1.2em;
        padding:0 0 10px 0;
        }

.logo { 
        color:#333333;
        font-weight: bold;
        font-size: 25px;
        letter-spacing: 0.15em;
        text-align:left;
	}

.logo a{
	color:#333333;
	text-decoration:none;
	}

.logo a:hover{
	color:#333333;
	}

/*■メイン-------------------------------------------------------*/

.wrapper {
     float: left;
     margin: 0;
     width: 100%;
     margin-right: -330px;
     }
 
.content {
     float: right;
     width: 100%; 
     margin-left: -280px;
     }
 
.content_main {
     position: relative;
     margin: 0 330px 0 280px;  
     border: 0px solid #000;
     }

h3{
        height:25px;
        background: #1C871C;
        color: #FFFFFF;
        text-align:left;
        font-size: 13px;
        font-weight: bold;
        padding:0 0 0 6px;
        margin:10px 0 10px 0;
        }

/*■見出し・枠-------------------------------------------------------*/

.headline{
        font-weight: bold;
        text-align:left;
        margin:0 0 3px 0;
        }

.headline2{
        font-weight: bold;
        text-align:left;
        border:solid #999999;
	border-width:0 0 1px 0;
        margin:0 0 10px 0;
        }

.strong{ 
	width:100%;
	text-align:left;
        font-weight: bold;
        padding:0 0 5px 0;
        margin:30px 0 0 0;
	}

.text{
        padding: 0 10px 10px 10px;
        margin:0 0 30px 0;
	}

.text_2{
        padding: 10px 10px 10px 10px;
        margin:0 0 30px 0;
	}

.text_3{
        font-size: 14px;
	}

.text_box{ 
	background: #EEEEEE;
        border-radius: 3px;
        text-align:left;
        padding: 10px 10px 10px 10px;
        margin:15px 0 20px 0;
	}

.text_box2{ 
	background: #EEEEEE;
        border:solid #BBBBBB;
	border-width: 3px;
        border-radius: 3px;
        font-size: 14px;
        text-align:left;
        padding: 10px 10px 10px 10px;
        margin:0 0 50px 0;
	}

.text_box3{ 
	background: #FFFFFF;
        border:solid #BBBBBB;
	border-width: 0px;
        border-radius: 3px;
        text-align:left;
        padding: 5px 10px 5px 10px;
        margin:0 0 30px 0;
	}

.side_box{
        text-align:center;
        padding: 0 0 5px 0;
        margin:0 0 10px 0;
	}

/*■楽曲並べ替え-------------------------------------------------------*/

.rearrange{
	text-align:right;
        font-size: 13px;
        padding: 15px 0 3px 0;
	}

/*■概要-------------------------------------------------------*/

.summary{
        text-align:left;
        border-radius: 5px;
        padding: 10px 10px 10px 10px;
        margin:30px 0 0 0;
	}

/*■利用規約-------------------------------------------------------*/

.terms{
        text-align:left;
	}

/*■曲目-------------------------------------------------------*/

.box {
        background: #E5E5E5;
        border:solid #888888;
	border-width: 1px;
        border-radius: 3px;
	padding: 12px 12px 12px 12px;
        margin: 0 0 25px 0;
}

.title{
        font-size:15px;
        font-weight: bold;
        text-align:left;
        border:solid #888888;
	border-width:0 0 1px 0;
        margin:0 0 5px 0;
	}

.listen{
	text-align:left;
        margin:5px 0 5px 0;
	}

.data{
	text-align:left;
        margin:0 0 10px 0;
	}

.download{
	text-align:right;
	}

/*■ダウンロードページの設定-------------------------------------------------------*/

#download_box{
        background: #EEEEEE;
        border:solid #888888;
	border-width: 1px;
        border-radius: 3px;
	padding: 12px 5px 5px 5px;
        margin: 30px 0 30px 0;
	}

.download_box{
        background: #EEEEEE;
        text-align:left;
        padding:0 10px 0 10px;
	}

.download_title {
        font-size:18px;
        font-weight: bold;
        text-align:left;
        border:solid #888888;
	border-width:0 0 1px 0;
        padding:0 0 5px 0;
        margin:5px 0 10px 0;
        }

.download_data{ 
        margin:30px 0 0 0;
	}

.note{ 
        margin:40px 0 0 0;
	}

.download_mp3{
        text-align:center;
        margin:50px 0 50px 0;
	}

/*■FAQ-------------------------------------------------------*/

.faq_q{
        background: #EEEEEE;
        border-radius: 3px;
        font-weight: bold;
        text-align:left;
        padding: 10px 10px 10px 10px;
        margin:30px 0 0 0;
        }

.faq_a{
        text-align:left;
        padding: 10px 10px 10px 10px;
        margin:0 0 0 0;
	}

.faq_a_2{
        width:100%;
        text-align:left;
        margin:0 0 15px 0;
	}

/*■About-------------------------------------------------------*/

.about{
        width:100%;
        text-align:left;
        margin:50px 0 50px 0;
        }

.about td{
        min-width:80px;
        padding:0 0 30px 0;
	}

/*■ページ送りの設定--------------------------------------------------------*/

ul.pager {
	margin:30px 0 30px 0;
	padding: 0;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        font-size:18px;
	text-align: center;
	}

ul.pager li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	}

ul.pager li strong {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
        font-weight:bold;
	padding: 0.15em 0.5em;
	background: #FFFFFF;
	border: 1px #999999 solid;
	}

ul.pager li a {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
	padding:  0.15em 0.5em;
        text-decoration: none;
        background: #FFFFFF;
	border: 1px #999999 solid;
	}

ul.pager li a:link,
ul.pager li a:visited {
	border-color: #999999
	}

ul.pager li a:hover,
ul.pager li a:active {
	border-color: #999999;
	background-color: #FFFFFF;
	}

/*■左サイド-------------------------------------------------------*/

.l_sidebar {
     float: left;
     border: 0px solid #000;
     width: 252px;
}

h2{
        height:25px;
        background: #1C871C;
        color: #FFFFFF;
        text-align:left;
        font-size: 13px;
        font-weight: bold;
        padding:0 0 0 6px;
        margin:10px 0 5px 0;
        }

/*■左側メニュー---------------------------------------------------------------------------*/

.menu li {
        list-style: none;
        font-size:15px;
	text-align: left;
	border:solid #BBBBBB;
	border-width:0 0 1px 0;	
        }

.menu a {
	display: block;
	text-decoration: none;
        padding:4px 5px 3px 5px;
        }

.menu a:hover {
	left: 0px;
	top: 0px;
        }

.side{ 
        font-size:15px;
        text-align:left;
        margin:3px 5px 0 5px;
	}

.pr{ 
        height:200px;
        background: #EEEEEE;
        font-size:15px;
        text-align:center;
        padding:10px 0 5px 0;
        margin:30px 0 10px 0px;
	}

/*■右サイド-------------------------------------------------------*/

.r_sidebar {
     float: right;
     border: 0px solid #000;
     width: 302px;
}

h4{
        height:25px;
        background: #1C871C;
        color: #FFFFFF;
        text-align:left;
        font-size: 13px;
        font-weight: bold;
        padding:0 0 0 6px;
        margin:10px 0 20px 0;
        }
 
/*■フッター-------------------------------------------------------*/

.footer {
     clear: both;
     border: 0px solid #000;
     border:solid #CCCCCC;
     border-width:1px 0 0 0;
     padding:50px 0 0 0;
     margin:20px 0 0 0;
}

#copy{
        bottom: 0; 
	font-size:12px;
	text-align:center;
	}

#copy a{
        color: #333333;
	text-decoration:none;
	}

#copy a:hover{
        color: #333333;
	}

/*■広告設定-------------------------------------------------------*/

.sponsor_250x250{
        text-align:left;
        background: #FFFFFF;
        margin:10px 0 60px 0;
	}

.sponsor_300x250{
        height:275px;
        font-size:12px;
        font-weight: bold;
        text-align:center;
        margin:10px 0 25px 0;
	}

.sponsor_300x250_2{
        height:275px;
        font-size:12px;
        font-weight: bold;
        text-align:center;
        margin:10px 0 25px 0;
	}

.sponsor_336x280{
        height:305px;
        font-size:12px;
        font-weight: bold;
        text-align:center;
        margin:30px 0 30px 0;
	}

.sponsor_336x280_2{
        height:305px;
        font-size:12px;
        font-weight: bold;
        text-align:center;
        margin:10px 0 30px 0;
	}

.sponsor_300x600{
        height:600px;
        text-align:center;
        background: #EEEEEE;
        margin:30px 0 0 0;
	}

.search_box{
        text-align:center;
        padding:35px 5px 35px 5px;
	}

.sponsor_pr{
        text-align:center;
	}

/*■レスポンシブ-------------------------------------------------------*/

@media (max-width: 1000px) {
     .wrapper, .content, .content_main, .r_sidebar {
          float: none;
          margin: 0;
          width: auto;
     }
}
 
@media (max-width: 1000px) {
     .wrapper, .content, .content_main, .l_sidebar {
          float: none;
          margin: 0;
          width: auto;
     }
     
}