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

　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	/*color:#02a;*/
}

a :visited {
	color:#999;
}

table {
	border-collapse:collapse;
	border-style:none;
}

#mainContainer #contents {
	border:0;
	margin:0 auto;
}

li, dd {
	list-style-type:none;
}

#sliderbox {
	width:800px;
	height:260px;
	float:left;
}


/*／／／共通部分／／／*/

#wrapper {
	width: 800px;
	margin: 0px auto;
	background: url(../images/alm_bgPic.jpg) repeat;
}

#header{
	height: 97px;
	width: 800px;
}

/*#navi {
	width: 800px;
	height:auto;
}*/
#middle {
	/*float: none;*/
}

#footer {
	clear: both;
	height: 110px;
	width: 800px;
	background: url(../images/bg_base.jpg) repeat-y;
}

#footer #copy p {
	clear:both;
	font: 9pt "Orator Std", "ＭＳ ゴシック", "小塚ゴシック Pr6N L";
	color: #EEE;
	text-align: center;
	padding-top: 35px;
}

#sitemap ul li {
	float:left;
	display:block;
	margin-right:10px;
	padding-right:10px;
	border-right:solid 1px #333;
	font:105%  "Orator Std", "ＭＳ ゴシック", "小塚ゴシック Pr6N L", serif;
}

#sitemap ul a{
	color:#fF3;
}

#sitemap ul {
		margin:15px 0 20px 135px;
		padding-top:20px;
}


h3 {
	color: #400;
	background: url(../images/title_bg.gif);
	margin:0 15px;
	padding-left:10px;
	border-bottom: 1px dashed #440000;
	border-left: 5px solid #440000;
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-weight: bold;
	/*line-height: 1em;*/
}

h5 {
	font: 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #30C;
	/*line-height:3px;*/
}

h6 {
	font: normal medium "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック";
	color: #EEE;
	margin: auto;
	text-align: center;
}

h4 {
	font:lighter 123.1% /2em "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#700;
}

.whatsnew {
	margin-bottom:25px;
}

.whatsnew h3,.picup h3{
	margin-bottom: 10px;
}

.site_re {
	text-indent:2em;
}

.wasei_site {
	font:105% /145% "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#339;
	text-shadow:2px 2px 1px #FFF, 2px 2px 3px #333;
}

.photoFrame {
	float: left;
	border-right: 2px solid #111;
	border-bottom: 2px solid #111;
	margin-right: 10px;
	margin-bottom: 5px;
	/*margin-left: 5px;*/
}

.storyNotes {
	padding: 10px 20px;
	color: #000;
	font: small/1.5em "ヒラギノ丸ゴ Pro W4";
	background: url(../images/alm_bgPic.jpg);
}

.indexBgPic {
	background: url(../images/alm_bgPic.jpg);
}

.storyAgePartPic {
	background: url(../images/bg_base_blu.jpg) repeat-y;
}

#current #album {
	color:#FFF;
}

p {
	font:105% /150% "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-indent:1em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

hr {
		background-color:#ddd;
		width:220px;
		height:3px;
}


#left {
	width: 290px;
	float: left;
	margin: 5px 20px;

}

#center {
	float: left;
	width: 300px;

	margin: 5px 10px;
	border-right: 0px dashed #222;
	border-left: 0px dashed #222;
	padding: 0 15px;
}

#right {
	float: right;
	width: 300px;
	padding-left: 5px;
	padding-bottom: 10px;
	margin: 5px 0px;
}

.site_re {
	font-size:80%;
}

.cdmei {
	color:#000;
}

a: hover {
	color:#900;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

.article2 {
	clear:both;
	width:220px;
	padding-top:5px;
}


.article3 {
	clear:both;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.article3 img {
	margin:5px 0;
}

.itunescd_name {
	font: 110% /150% "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#600;
}

#contactme {
	clear:both;
	margin-top:15px;
}

#contactme p {
	color:#600;
	font:123% "Comic Sans MS", cursive;
	text-indent:-0.2em;
}

.classname {
-webkit-animation: cssAnimation 1.1298s 1 ease-out;
-moz-animation: cssAnimation 1.1298s 1 ease-out;
-o-animation: cssAnimation 1.1298s 1 ease-out;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(0.1) skew(1deg) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(0.806) skew(1deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(0.1) skew(1deg) translate(0px); }
to { -moz-transform: rotate(0deg) scale(0.806) skew(1deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(0.1) skew(1deg) translate(0px); }
to { -o-transform: rotate(0deg) scale(0.806) skew(1deg) translate(0px); }
}

#center h5 {
	font:105% /145% "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#339;
	text-shadow:2px 2px 1px #FFF, 2px 2px 3px #333;
}

#gounCom,#whomaCom,ranCom {
	clear:both;
	margin-bottom:15px;
}

#ariJake {
	float:left;
	margin-right:9px;
}

.hyouron {
	margin-top:10px;
}

#waseiAri .ariKyokumei {
	font:96% "Orator Std", "ＭＳ ゴシック", "小塚ゴシック Pr6N L";
	line-height:160%;
}

#ranJake,#gounJake,#whomaJake,#solosoloJake img{
	float:left;
	margin-right:8px;
}

.ranKyokumei,.gounKyokumei,.whomaKyokumei,.solosoloKyokumei,.solo3Kyokumei {
	clear;both
	width:250px;
		font:90% "Orator Std", "ＭＳ ゴシック", "小塚ゴシック Pr6N L";
	line-height:250%;
}

#itunesHanbai {
	clear:both;
	margin:30px 0;
	font:100% /140% "Orator Std", "ＭＳ ゴシック", "小塚ゴシック Pr6N L";
}

.solosoloKyokumei a, .solo3Kyokumei a{

	color:#900;
}

#waseiAri .hatubaibi {
	color:#900;
	font:15pt /25pt "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}