﻿
/* ★ページ全体を覆うブロック(必須) */
#pagecover {
	position: relative;
	min-height: 100%;
}


#title {
	/*background: #ffffff;*/
	font-family:serif;
	font-size: 24px;
	background:linear-gradient(to bottom, #0033ff, #ffffff);
    color: black;
	padding: 10px;
	text-align:center;
	/*border: 1px solid #cccccc;*/
	height: 4em;
	margin: 30px auto;
}

p.sdlist_icon img {
    /*position: absolute;*/
    clip: rect( 0px, 48px, 48px, 0px );
}
p.sdlist_icon {
   /*position: relative;*/
	float: Left;
    top: 0px;
    width: 48px;
    height: 48px;
}


p {
  font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", Courier New, sans-serif;
  line-height: 1.5;
  margin-bottom: 25px;
  color: #fff;
}

p.font12 {
	font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", Courier New, sans-serif;
	color: #fff;
	font-size: 12px;
}
p.font10 {
	font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", Courier New, sans-serif;
	color: #fff;
	font-size: 10px;
}

p.font8 {
	font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", Courier New, sans-serif;
	color: #fff;
	font-size: 8px;
}

ol{
	margin:0.5em 0;
	padding:0;
	list-style-position:1em;
	line-height:1.4em;
}

ol li{
	margin-left:2em;
	padding:0;
}

p.left {
	text-align : left;
}
p.center {
	text-align : center;
}
p.right {
	text-align : right;
}

#LeftBox {
	width: 20%;
    height: 700px;
	border: 1px solid #FF9900;
	padding: 0px 5px 0px 10px;
    clear: both;
    float: left;
}

#LinkMenu {
	width: 20%;
    height: 100px;
	border: 1px solid #FF9900;
	padding: 0px 5px 0px 10px;
    clear: both;
    float: Left;
}

#FaceBookBox {
    width: 77%;
    height: 60px;
	border: 1px solid #FF9900;
	padding: 0px 5px 0px 10px;
    /*clear: Left;*/
    /*clear: both;*/
    float: Right;
}

#subtitle {
    width: 77%;
	height: 120px;
	border: 1px solid #ffffff;
	padding: 10px;
	/*background: #ffffff;*/
	font-family:serif;
	background:linear-gradient(to bottom, #dcdcdc, #ffffff);
	text-align:left;
	margin: 0px auto;
	/*float: Left;*/
    float: Left;
}


#MainContent {
    width: 96%;
    height: 2800px;
    border: 1px solid #FF9900;
    padding: 0px 5px 0px 15px;
	/*clear: both;*/
    float: right;
}

#BottomBox {
	background: linear-gradient(to bottom, #ffffff , #0033ff);
	/*position: absolute;*/
	bottom: 0px;
	padding: 5px;
	clear: both;
	text-align: center;
	height: 2em;
}

p.cut1 {
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 400px;/* トリミングしたい枠の高さ */
    position: relative;
}


p.cut2 {
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 300px;/* トリミングしたい枠の高さ */
    position: relative;
}

p.cut3 img {
    position: absolute;
    clip: rect( 0px, 1146px, 250px, 0px );
}
p.cut3 {
   position: relative;
   width: 1146px;
   height: 250px;
}

p.cut4 img {
    position: absolute;
    clip: rect( 0px, 962px, 250px, 0px );
}
p.cut4 {
   position: relative;
   width: 962px;
   height: 250px;
}

p.cut5 img {
    position: absolute;
    clip: rect( 0px, 1146px, 250px, 0px );
}
p.cut5 {
   position: relative;
   width: 1146px;
   height: 250px;
}

p.cut6 img {
    position: absolute;
    clip: rect( 0px, 1150px, 250px, 0px );
}
p.cut6 {
   position: relative;
   width: 1150px;
   height: 250px;
}

.share {width: 100%;} 

.facebook { 
    float: left;
    margin: 0 10px 0 0; 
    width: 70px; 
} 

.twitter { 
    float: left; 
    margin: 0 10px 0 0; 
    width: 70px; 
} 
