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

* {
	font-weight: normal;
	font: normal normal normal 100%/100% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0px;
}

body {
	color: #666666;
	background-image: url(../bg-container.gif);
	background-repeat: repeat;
	height: auto; 
	margin: 0px;
	padding: 0px;
}

a {
	color: #58b624;
	background: transparent;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*メイン*/

#container {
	margin: 0px auto;
	padding: 0 10px;
	width: 780px;
	background: #FFF;
	border-style: solid;
	border-color: #c1e077;
	border-width: 0 4px 0 4px;
}

/*メニューバー*/

ul#navi {
	width: 780px;
	height: 57px;
	list-style: none outside none;
	font-size: small;
	background-color: #FFF;
	border: solid 1px;
	border-color: #DADADA #DADADA #DADADA;
	
}

ul#navi li {
	float:left;
	display: block;
	padding: 10px;
	background: transparent;
	border-left-color: #DADADA;
}

ul#navi li a {
	display: block;
	padding: 10px;
	color: #58b624;
	text-decoration: none;
	background: transparent;
	/*width: 150px;
	height: 30px;
	padding: 15px 30px;
	background: url(image/2.gif) no-repeat;*/
}

ul#navi li a:hover {
	color: #99CF16;
	background-color: #ffddac;
	/*border-bottom: dotted #FF9600;
	border-width: 1px;*/
}





/*メニューバーリンク*/



/*a#studio:hover {
	background:url(image/0.gif) no-repeat bottom center;
}


a#sample {
	background:url(image/1.gif) no-repeat top center;
}

a#sample:hover {
	background:url(image/1.gif) no-repeat bottom center;
}


a#price {
	background:url(image/2.gif) no-repeat top center;
}

a#price:hover {
	background:url(image/2.gif) no-repeat bottom center;
}


a#access {
	background:url(image/3.gif) no-repeat top center;
}

a#access:hover {
	background:url(image/3.gif) no-repeat bottom center;
}

a#equipment {
	background:url(image/4.gif) no-repeat top center;
}

a#equipment:hover {
	background:url(image/4.gif) no-repeat bottom center;
}
*/

/*テキストエリア*/

#textArea {
	width: 560px;
	float: left;
	padding: 10px;	
}

h1 {
	font-size: large;
	border-left: solid 1em;
	border-bottom: dotted 1px;
	padding: 0.2em;
	clear: both;
}


h1#c1 {
	color: #FF9600;
	border-left-color: #FF9600;
	border-bottom-color: #FF9600;
}

h1#c2 {
	color: #99CF16;
	border-left-color: #99CF16;
	border-bottom-color: #99CF16;
}

h2 {
	font-size: medium;
	font-weight: bold;
	color: #767779;
	border-color: #8DD3C7;
	border-bottom: dotted 1px;
	padding: 18px 5px 5px 0px;
	margin: 0px 0px 0px 18px;
	clear: both;
}

h2#s1 {
	font-size: large;
	font-weight: bold;
	color: #FF9900;
	border: none;
	height: 40px;
	padding: 13px 0 0 23px;
	background-image: url(../bg-h2.gif);
	background-repeat: no-repeat;
	
}

h3 {
	clear: both;
	padding: 6px 5px 0 18px;
}


p {
	padding: 15px 5px 20px 18px;
	font-size: small;
	line-height: 1.6em;
}

p img {
	float: right;
	padding-left: 8px;
}

#textArea strong {
	color: #767779;
	font-weight: bold;
	font-size: medium;
	}
	
#textArea pattern {
	padding: 18px 5px 5px 0px;
	margin: 0px 0px 0px 18px;
	
	}

#textArea li {
	padding: 0px 5px 5px 18px;
	margin: 10px;
	font-size: small;
	list-style: disc;
	list-style-position: inside;
	}

#sampleContainer {
	width: 560px;
	padding-left: 18px;
}

.addimg {
	width: 125px;
	height: 110px;
	padding: 10px 5px 10px 5px;
	float: left;
}	

span.Addition {/*追加*/
	/*margin: 0px 0px 0px 18px;*/
	color: #FF9600;
	font-size: small;
	font-weight: bold;	
}

/*制作フロー*/
.flow {
	border: 2px solid #003a91;
	margin: 0 0 10px 18px;
	padding: 6px;
	background-color: #FFF;
}

span.flowtitle {
	padding: 5px;
	font-size: large;
}


/*サンプル*/
#sample {
	/*border: solid 1px; 
	border-color: #767779;*/
	font-size: small;
	width: 500px;
	height: 110px;
	margin: 5px 0px 10px 18px;
	padding: 5px 0px;
}

#moviePict {
	width: 125px;
	margin: 0px 10px;
	text-align: center;
	float: left;
}

#title {
	margin: 0px 10px 0px 150px;
}




/*テーブル

#textArea table {
	font-size: small;
	color: #333;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
}

#textArea table th {
	padding: 5px;
	background-color: #FFAF40;
	border: 1px solid #999999;
}

#textArea table td {
	font-size: small;
	color: #555;
	border: 1px solid #999999;
	padding: 5px;
	}


td.col1 {
	background-color: #C6EA70;
}
*/


/*右カラム*/

#rightColumn {
	width: 160px;
	padding: 10px;
	float: right;
}

#rightColumn h3 {
	font-size: medium;
	color: #000;
	border-bottom: solid 1px;
	border-bottom-color: #99CF16;
	padding: 0.3em;
}

#rightColumn p {
	font-size: small;
	color: #666666;
	line-height: 1.4em;
	margin: 5px 0px 5px 20px;
}

#rightColumn ul {
	font-size: small;
	color: #666666;
	margin: 5px 0px 5px 20px;
}

#rightColumn ul,li {
	padding-bottom: 10px;
}

span.newsDate {/*日付*/
	font-weight: bold;
}


/*フッター*/

#footer p {
	background-image: url(../bg-footer.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: small;
	text-align: right; 
	padding: 15px 10px;
	clear: both;
}