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


#container {
	width:723px;
	height:100%;
	background-image:url(../images/body_bg.png);
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0;
}


#main {
	width:700px;
	height:100%;
	margin: 0 auto;
}

#head {
	width:700px;
	height:104px;
	margin:0 auto;
	padding:0;
}

#logo {
	width:199px;
	height:104px;
	background:url(../images/logo.png) no-repeat;
	float:left;
}

#logo a {
	width:199px;
	height:0;
	_height:104px;
	padding-top:104px;
	overflow:hidden;
	display:block;
}
	
#menu{
	width:501px;
	height:104px;
	float:right;
}

#flash_div {
	width:700px;
	margin:0 auto;
	padding:0;
}

#flash{
	width:700px;
	height:301px;
	overflow:hidden;
	background-color:#FFF;
	}
	
#banner_bg {
	width:700px;
	height:0;
	padding-top:20px;
	background:url(../images/banner_bg.png) no-repeat;
	overflow:hidden;
}

#main_body {
	width:700px;
	background-image:url(../images/main_body_bg.png);
	background-color:#A8A8A8;
	background-repeat:repeat-x;
	height:100%;
	margin:0 auto;
	padding:0;
}

#hello_title {
	background:url(../images/title_hello.png) no-repeat;
	width:369px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}

#latest_work {
	width:176px;
	background:url(../images/title_latestwork.png) no-repeat;
	height:0;
	padding-top:62px;
	overflow:hidden;
	float:right;
	margin-bottom:5px;
}

#aboutme_title1 {
	background:url(../images/title_aboutme.png) no-repeat;
	width:369px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}

#aboutme_title2 {
	width:176px;
	background:url(../images/title_aboutme2.png) no-repeat;
	height:0;
	padding-top:62px;
	overflow:hidden;
	float:right;
	margin-bottom:5px;
}


#portfolio_title1 {
	background:url(../images/title_portfolio.png) no-repeat;
	width:369px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}

#portfolio_title2 {
	width:176px;
	background:url(../images/title_portfolio2.png) no-repeat;
	height:0;
	padding-top:62px;
	overflow:hidden;
	float:right;
	margin-bottom:5px;
}

#photos_title1 {
	background:url(../images/title_photo.png) no-repeat;
	width:369px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}

#photos_title2 {
	width:176px;
	background:url(../images/title_photo2.png) no-repeat;
	height:0;
	padding-top:62px;
	overflow:hidden;
	float:right;
	margin-bottom:5px;
}


#contact_title1 {
	background:url(../images/title_contact.png) no-repeat;
	width:369px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}

#contact_title2 {
	width:176px;
	background:url(../images/title_contact2.png) no-repeat;
	height:0;
	padding-top:62px;
	overflow:hidden;
	float:right;
	margin-bottom:5px;
}

.title_div {
	width:700px;
	margin:0 auto;
	padding:0;
}

.hello_text_div {
	width:327px;
	height:100%;
	padding-left:32px;
	padding-right:10px;
	float:left;
	font-family:"ＭＳ Ｐ明朝", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS UI Gothic", FixedSys, "ＭＳ 明朝" Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#333;
	line-height: 20px;
}

.latest_work_div {
	width:331px;
	height:100%;
	float:right;
}

.latest_work_div1 {
	width:165px;
	float:left;
}

.latest_work_div2 {
	width:165px;
	float:right;
}
	

.space{
	height:0;
	padding-top:48px;
	overflow:hidden;
	clear:both;
}

.space2{
	height:0;
	padding-top:20px;
	overflow:hidden;
	clear:both;
}



#footer_inside {
	width:700px;
	height:100%;
	background-color:#A8A8A8;
	margin:0 auto;
	padding:0;
}



#footer {
	width:700px;
	height:100%;
	background-color:#C6C6C6;
	margin:0 auto;
	padding:0;
}

.footer_menu{
	width:450px;
	margin:0 auto;
	padding:0;
	text-align:center;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;	
}


.footer_menu li{
	display: inline;
}

.footer_menu li a{
	color:#999;
	text-decoration:underline;
}

.footer_menu li a:hover{
	color:#FF3366;
	text-decoration:none;
}

.footer_menu li a:visited{
	color:#999;
	text-decoration:none;
}


.footer_menu_inside{
	width:450px;
	margin:0 auto;
	padding:0;
	text-align:center;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;	
}


.footer_menu_inside li{
	display: inline;
}

.footer_menu_inside li a{
	color:#666;
	text-decoration:underline;
}

.footer_menu_inside li a:hover{
	color:#FF3366;
	text-decoration:none;
}

.footer_menu_inside li a:visited{
	color:#666;
	text-decoration:none;
}


.footer_bullet {
	width:5px;
	height:9px;
	padding-left:12px;
	padding-right:6px;
	background-image: url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: left;
}


.footer_bullet_inside {
	width:5px;
	height:9px;
	padding-left:12px;
	padding-right:6px;
	background-image: url(../images/bullet_inside.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.copyright_div{
	width:613px;
	margin:0 auto;
	padding:0;
}

.copyright{
	background:url(../images/copy_right.gif) no-repeat;
	width:605px;
	height:0;
	padding-top:9px;
	overflow:hidden;
	margin:10px 0 20px 0;
}

.copyright_inside{
	background:url(../images/copy_right_inside.gif) no-repeat;
	width:605px;
	height:0;
	padding-top:9px;
	overflow:hidden;
	margin:10px 0 20px 0;
}

.qr_code_div {
	width:66px;
	margin:0 auto;
	padding:0;
}

.qr_code {
	width:66px;
	height:0;
	padding-top:66px;
	overflow:hidden;
	background:url(../images/qr_code.gif) no-repeat;
}

/*aboutme*/

.inside_img_div{
	width:700px;
	margin:0 auto;
	padding:0;
}

.about_me{
	width:700px;
	height:0;
	padding-top:216px;
	overflow:hidden;
	background:url(../images/aboutme_img.jpg) no-repeat;
}

.inside_text_div {
	width:648px;
	height:100%;
	padding-left:32px;
	padding-right:20px;
	font-family:"ＭＳ Ｐ明朝", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS UI Gothic", FixedSys, "ＭＳ 明朝" Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#333;
	line-height: 20px;
}

.portfolio{
	width:700px;
	height:0;
	padding-top:216px;
	overflow:hidden;
	background:url(../images/portfolio_img.jpg) no-repeat;
}

.photos{
	width:700px;
	height:0;
	padding-top:216px;
	overflow:hidden;
	background:url(../images/photo_img.jpg) no-repeat;
}


.portfolio_div1 {
	width:162px;
	height:100%;
	float:left;
}

.portfolio_div2 {
	width:162px;
	height:100%;
	float:left;
}

.portfolio_div3{
	width:162px;
	height:100%;
	float:left;
}

.portfolio_div4{
	width:162px;
	height:100%;
	float:right;
}

.contact{
	width:700px;
	height:0;
	padding-top:216px;
	overflow:hidden;
	background:url(../images/contact_img.jpg) no-repeat;
}


/*form*/
html, body  {
}

.notification_error
{
	text-align: left;
	-moz-border-radius: 5px;
	background-color: #00c9ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	width: auto;
	line-height: 18px;
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	vertical-align: middle;
}

.notification_ok
{
	height: 40px;

	width: 100%;
	padding: 8px;
	text-align: center;
	-moz-border-radius: 5px;
	background-color: #00c9ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	padding: 10px;
}

.info_fieldset {
	-moz-border-radius: 7px;
	border: thin none #FFF;
	text-align: left;
	width: 648px;
	padding-bottom: 20px;
	padding-top: 10px;
}

.info_fieldset legend
{
	color: black;
	-moz-border-radius: 3px;
	font-size: 85%;
	width: 648px;
}


.button{
	cursor: pointer;
}

/*
.button
{
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background: white;
	color: #333333;
	-moz-border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

*/

/* Label */
label  {
	margin: 6px;
	float: left;
	text-align: right;
	font-size: 85%;
	font-weight: normal;
	color: #000;
	height: auto;
	width: 100px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
input
{
	float: left;
	color: #000;
	-moz-border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	height: 25px;
	margin: 6px;
}
/* BR */

br { clear: left; }


.div_height {
	height:500px;
	margin:0 auto;
	padding:0;
}