html {
	box-shadow:0 0 30px #999 inset;
	font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, 'メイリオ', sans-serif;
}
a {
	text-decoration:none;
}

body {
	background-color:#11C5D3;
	background-repeat:no-repeat;
	background-size:100% 100%;
	font-size:16px;

}
ul {
	padding:0px;
	margin:0px;
}
.container {
	width:1060px;
	margin:0 auto;

}
.menu li {
	list-style:none;
	float:left;
	margin-left:60px;
}
.clear {
	clear:both;
}
.menu {
background-color:rgba(240,240,240,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#50ffffff,endcolorstr=#50ffffff,gradienttype=0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff,endColorstr=#50ffffff)";
zoom:1;
	width:560px;
	position:fixed;
	top:100px;
	left:0px;
	box-shadow:1px 1px 6px #aaa;
}
.menu ul {
	padding-top:28px;
	padding-bottom:28px;
	padding-right:30px;
	height:15px;
	
}
.menu li {
	padding-bottom:6px;
}

.main-text{

	font-size:20px;
	line-height:4;
	width:900px;
	margin:0 auto;
	color:#eee;
	text-shadow:0 0 1px #333;
	text-align:center;
	font-weight:bold;
	margin-bottom:800px;
	margin-top:30px;
}

.menu ul li a:hover {
	border-bottom:3px solid #91C4C4;
	padding-bottom:6px;
}
.menu ul li a {
	display:block;
}
.works-one {
	float:left;
	margin-left:25px;
	margin-right:25px;
}

.works-page {
	margin-bottom:800px;
}
.about-page {
padding-bottom:800px;
	color:white;
}
.about-title {
	border-bottom:solid 1px white;
	font-weight:bold;
}
.profile {
	width:400px;
	float:left;
}
.skill {
	width:155px;
	float:left;
	margin-left:50px;
	margin-right:30px;
}

.skill li {
	list-style:none;
	line-height:2;
	margin-left:0px;
}
.skill li:hover {
	text-shadow:0 0 5px rgb(14, 240, 231);
}

.home-kara {
	height:180px;
}


/*タブメニュー*/
.content {
    float:left;
    overflow: hidden;
    width: 370px;
    margin-top:49px;
    font-size:14px;
}
.area {
    display: none;
}
.tab li.active {
	text-shadow:0 0 5px rgb(14, 240, 231);
}
.tab li a {
	color:white;
}
.tab li.active a{
    color:white;
}
.star-score img {
	width:30px;
	height:auto;
}
.star-score {
	margin-bottom:3px;
}

.rain_bg {
	background-image: url(images/rain2.png);
width: 938px;
height: 852px;
position: fixed;
top: 0px;
right: -100px;
opacity:0.3;
z-index:-1;
}
.works-before {
font-size: 20px;
color: white;
font-weight: bold;
margin-top: 70px;
text-align: center;
line-height:2;
}

.works-link {
	color:rgb(44, 103, 168);
	text-decoration:underline;
}





/* サムネイルリストのCSS */
    #content {
        width: 665px;
        margin: 150px auto 0;
    }
     
    #content .cookie_list {
        width: 665px;
        margin: 0 auto 15px;
    }
     
    #content .cookie_list li {
        float: left;
        padding-right: 15px;
    }
     
    #content li.lc {
        padding: 0;
    }
     
    /* 隠しコンテンツのCSS */
    .working {
        position: relative;
        display: none;/* ライトボックス表示するコンテンツは消しておきます */
    }     
.works1-img img {
	width:480px;
	height:auto;
}
.works1-img {
	float:left;
	width:480px;
	margin-right:20px;
}
.works1-text  {
	width:300px;
	float:right;
	margin-right:20px;
	margin-top:100px;
}
.part {
	font-weight:bold;
	color:#333;
	margin-top:10px;
	margin-bottom:10px;
}

.about-title {
	border-bottom: solid 1px white;
	font-weight: bold;
 font-size: 20px;
 margin-bottom: 10px;
 padding-bottom: 10px;
 margin-top: 10px;
}