/* ========BASIC======== */

* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック", Meiryo, sans-serif, Arial, Optima;
   color:#333;
}


/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';content: none;
}

:focus {
outline: 0;
}

ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

table {
border-collapse: collapse;border-spacing: 0;
}

.clearer { 
height: 20px; overflow: hidden; margin: 0px; clear: both;
}

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

a:link, a:visited { 
color: #FF0000; text-decoration: none;
}

a:active, a:hover { 
color: #b80707; text-decoration: underline;
}


h2 {font-size:36px;color:#f3f3f2;margin: 10px 0 10px 0;}
h3 {font-size:14px;color:#5dbebb;margin: 0 0 5px 0;}
h4 {font-size:10px;color:#ff0000;margin: 0 0 5px 0;}
p {line-height:24px; font-size:13px;margin:0 0 10px 0;}
#portfolio p {line-height:24px; font-size:13px;margin:0 0 30px 0;}


/*本体*/
body {
       background:#f8fbf8;
       -webkit-text-size-adjust: 100%;
 }
 
.gothic {
font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
} /* ゴシック体 */

.mincho {
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
} /* 明朝体 */

.mono {
font-family: Osaka-mono, "MS Gothic", monospace;
} /* 等幅書体 */

.hiraginoMaruGothic {
font-family: "Hiragino Maru Gothic ProN", Meiryo, fantasy;
} /* OS X限定 丸ゴシック体 */
 
 
 
.container {background:#fff;width:960px;margin: 0 auto;}
.logo {background:#fff;width:680px; margin:10px 0 0 10px; margin-top: 0;}

/*navigation*/
.TopNavigation {height:60px;background:url(../images/bg_nav.gif) no-repeat top center;}
/*ソーシャルネットワークアイコン*/
.social {width:200px; height:35px;float:right; margin: 12px 0 0 0;}
ul.nav {width:960px;margin: 0 0 0 210px;width: 600px;}
ul.nav li {float:left;display:inline;margin:20px 40px 0 0;font-size:15px;font-family:"Century Gothic", arial, Helvetica;}
ul.nav a {color:#666;text-decoration:none;}
ul.nav a:hover {color:#FF0000;}
ul.nav .active {color:#bb0000;border-bottom:1px solid #ae5b02;}

/*Cu3er slider*/
#slider {margin: 0 0 0 10px;}
.shadow {margin:0 0 50px 50px;}

/*左右コマンド*/
#containerAbout {
	width:960px;
	overflow:hidden;
	}
.rightAbout {
	float:left;
	width:299px;
	margin:20px 0 0 10px;
}
.rightAbout p {padding:5px 10px 0 0;}
.leftAbout {
	float:left;
    width:620px;
	margin:20px 0 0 20px;
	padding-bottom: 10000px;
    margin-bottom: -10000px;
	bottom right;border-right:1px solid #b1b1b1;
	}
.leftAbout p {padding:10px 10px 0 0;}


/*bioページ左右コマンド*/
#containerBio {
	width:960px;
	overflow:hidden;
	}
.rightBio {
	float:left;
	width:299px;
	margin:10px 0 0 10px;
}
.rightBio p {padding:5px 10px 0 0;}
.leftBio {
	float:left;
    width:630px;
	margin:20px 0 0 20px;
	padding-bottom: 10000px;
    margin-bottom: -10000px;
	background:url(../images/aikawakubo.jpg) no-repeat top right;
	bottom right;border-right:1px solid #b1b1b1;
	}
.leftBio p {padding:0 280px 0 0;}
.leftBio p.lungo {padding:0 10px 0 0;}

#skills {width:960px;height:80px;background:url(../images/bg.skills.gif) no-repeat top center;margin:20px 0 50px 0;}
#skills ul {margin: 0 0 0 270px;list-style:none;padding-top:30px;}
#skills li {display:inline;margin:40px 40px 0 0;font-size:15px;font-family:"Century Gothic", arial, Helvetica;}


/*コンタクト大枠*/
#containerContact {
	width:940px;
	margin: 0 5px 0 15px;
	}
	
	
/*ギャラリー大枠*/
#containerGalleria {
	width:940px;
	margin: 0 0 0 20px;
	}


/*contact form*/
#form {width:560px;margin: 20px 0 40px 0;float:left;}
.notification_error{border: 1px solid #f1dfc5;height: auto;color: #ca5702;width: 457px;padding: 10px 10px 10px 60px;background:url(../images/icons/erro.png) no-repeat center left #fdf0dc;text-align:left;-moz-border-radius:5px;margin-bottom:10px;}
.notification_ok{border: 1px #cbcf8e solid;height: auto;width: 90%;padding: 10px;background: #f5f9fd;text-align: center;-moz-border-radius: 5px;margin-bottom:10px;}
label  { width: 90px; margin: 5px; float: left; text-align:left;}
textarea{width:400px;margin: 5px;padding: 5px; float: left;border: 1px solid #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; color: #333333; font: 11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;}
.button {margin: 0 0 0 5px;}
br { clear: left; }
.textbox {width:400px;height:30px;margin: 5px;padding: 5px; float: left;border: 1px solid #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; color: #333333; font: 11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;}
.textbox2 {height:140px;}

/*contact info*/
#contactInfo {float:left;width:350px;margin:20px 0 0 0;}
.bolder {font-weight:bold;font-size:24px;letter-spacing:-1.5px; color:#5dbebb;}

p.footer {text-align:center;font-size:11px;margin: 0 0 20px 0;border-top:1px dashed #b1b1b1;}

hr{
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
}

.container404error {background:#f5f5ed;width:960px;margin: 0 auto;}