/* Default ---------------------------------------------------------------- */

/* Global */

body {
	font: normal 16px/140% "Lucida Grande","Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	_font-size:medium;
	text-align:left;
	background-color:#fff;
}
* html body {
		font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
		letter-spacing: 1px;
}
*:first-child+html body { 
		font-family: "メイリオ", Meiryo, sans-serif;
}

/* 画像置き換え */
.replace{
      display:block;
      position:relative;
      margin:0px; padding:0px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera 5 and 6*/
}


/* Global ----------------------------------------------------------------- */

a {
    color: #921712;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


/* Layout ----------------------------------------------------------------- */

#container-inner,
#content {
    background-color: #fff;
}

#header-inner, #content-inner, #footer-inner {
    padding-top: 0;
    padding-bottom: 0;
}

#header-inner, #beta-inner, #gamma-inner {
    padding-right: 0;
    padding-left: 0;
}

#content { 
    margin-top: 25px;  
    margin-bottom: 30px;  
}

#container-inner {
    width: 842px;
    margin-right: 0;
    margin-left: 0;
}

#header-inner,
#main-navigation-inner,
#content-inner{
    width: 842px;
    margin-left: 50px;
}


/* Header ----------------------------------------------------------------- */

#header { 
	text-align:left;
    	font-family: 'Copperplate', 'Trebuchet MS', fantasy;
	background-color:#000;
	border-bottom:solid 1px #666;
	min-width:1080px;
	width:100%;
}
#header-description {
	font-size:24px;
	color:#fff;
}
#header span span { 
    font-family: 'HiraKakuPro-W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'MS PGothic', sans-serif;
    font-size:18px;
}

#header a {
    color: #fff;
}

#header-content {
    width: 842px; 
    margin: 20px 20px;

}

#header-name {
    color: #fff; 
    font-size: 20px;
    margin-bottom: 5px;
    line-height:20px;
}
#header-name,#header-name span{
	width:645px;
	height:48px;
	background:url("../images/logo_whizzo.jpg") left top no-repeat;
	}


#badge	{
	position:absolute;
	top:330px;
	left:820px;
}
#badge a img	{
    opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}
#badge a:hover img	{
    opacity: 1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
}


/* Search ---------------------------------------------------------------- */

.widget-search {
    float: right;
    width: 300px;
    position: absolute;
    top: 30px;
    left: 700px;
    text-align: right;
}

.widget-search p {
    display: none;
}

#search {
    border: 1px solid #ccc;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    padding: 1px;
}

#search-submit {
    border: 1px solid #75120e;
    border-top: 1px solid #b25c59;
    border-left: 1px solid #b25c59;
    background: #921712;
    color: #fff;
    padding: 0px 5px 1px 5px;
    font-size: 11px;
}


/* Content ---------------------------------------------------------------- */

div.glassbox h1	{
	display:block;
	font-size:16px;
	font-family: 'Copperplate', 'Trebuchet MS', fantasy;
	border:0;
	margin-bottom:0;
	}
div.glassbox h1 span	{
	font-size:18px;
    	font-family: 'HiraKakuPro-W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'MS PGothic', sans-serif;
	}
#main	{
	 margin:90px 0;
}
#main p	{
	 font-size:100%;
}
#main li	{
	 font-size:100%;
	line-height:120%;
}

#content {
    line-height: 1.5;
}
#top_copyright{
	position:absolute;
	bottom:2px;
	left:90px;
	color:#bbb;
	font-size:xx-small;
	clear:both;
	width:800px;
}
.mt-entry-archive #top_copyright, .mt-page-archive #top_copyright, #mt-blog #top_copyright{
	position:relative;
	margin-top:50px;
	color:#bbb;
	font-size:xx-small;
	clear:both;
}
.mt_logo	{
	text-align:right;
	}
.glassbox_mc{
	position:relative;
	}
h2{
	font-size:130%;
	font-weight:bold;
	color:#999;
	}

h2#home_title{
	color:#333;
	text-shadow: #a0a0a0 1px 2px 2px ;
	padding-left:60px;
	padding-bottom:15px;
	background:url("../images/whizzo_mark_title.jpg") 0 0 no-repeat;
	border-bottom:solid 1px #ddd;
}


#main #main_contentBoxBg h2,#main  #main_contentBoxBg h1{
	opacity:1.0 !important;
}

h2#info_title, h2#info_title span	{
	width:620px;
	height:46px;
	background:url("../images/title_info.gif") left top no-repeat;
	}
h2#service_title, h2#service_title span	{
	width:620px;
	height:46px;
	background:url("../images/title_service.gif") left top no-repeat;
	}
h2#works_title, h2#works_title span	{
	width:620px;
	height:46px;
	background:url("../images/title_works.gif") left top no-repeat;
	}
h2#company_title, h2#company_title span	{
	width:620px;
	height:46px;
	background:url("../images/title_company.gif") left top no-repeat;
	}
h2#profile_title, h2#profile_title span	{
	width:620px;
	height:46px;
	background:url("../images/title_profile.gif") left top no-repeat;
	}
h2#contact_title, h2#contact_title span	{
	width:620px;
	height:46px;
	background:url("../images/title_contact.gif") left top no-repeat;
	}
.info_date	{
	font-size:80%;
	color:#666;
	margin-top:10px;
}

#works_thum img	{
	margin-right:17px;
}

#twitter_div{
	font-size:85%;
}
#twitter_div h3{
	font-weight:normal;
}
#twitter_div ul, #twitter_div li{
	list-style:none;
	margin:0;
	padding-left:0;
}

.content-nav	{
	text-align:left;
	margin-top:5px;
	border-top:dotted 1px #666;
	}
.archive li	{
	list-style:none;
	}
.content-nav .archive_link	{
	text-align:left;
	}

.archive	{
	margin:10px 0;
	}

dd {
	margin-left:2em;
}

#works_thum	{
	border:solid 1px #ddd;
	background:#eee;
	float:left;
	margin:10px 0;
	padding:0 10px;
	width:598px;
	_width:598px;
}

h3 {
	padding-left:23px;
	background:url("../images/whizzo_icon.gif") 0 bottom no-repeat;
	height:21px;
	padding-top:7px;
	color:#333;
}
.twtr-hd h3{
	background:none;
}

/* Nav ---------------------------------------------------------------- */

#nav	{
	cursor:move;
	}
#nav ul	{
	margin-top:3px;
	}
#nav li	{
	margin-bottom:2px;
	}
#nav li a	{
	font-size:24px;
	font-family: 'Copperplate', 'Trebuchet MS', fantasy;
	font-weight:normal;
	display:block;
	padding:3px 6px;
	color:#666;

	}
#nav li a:hover	{
	background:url("../images/title_bg.png");
	color:#fff !important;
	text-decoration:none;
	}
#nav li a span	{
	font-size:18px;
	padding-left:10px;
    	font-family: 'HiraKakuPro-W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'MS PGothic', sans-serif;
	}

#nav li.external_link{
	margin-top:15px;
	color:#666;
	}


/* Forms ---------------------------------------------------------------- */

input.text, textarea {
    border: 1px solid #ccc;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    padding: 1px 2px;
    background-color: #fafafa;
}

.contact-form label {
    display: block;
}

.contact-form input.text {
    font-size: 13px;
}

.contact-form textarea {
    margin-bottom: 15px;
}
dl.contact	{
	margin-left:20px;
}
dl.contact dd	{
	margin-left:20px;
	color:#666;
	font-size:90%;
}





/* Utilities -------------------------------------------------------------- */

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#main-navigation:after,
.entry-asset .asset-meta:after,
.comment:after,
#footer-content:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

#header-inner,
#content-inner,
#footer-inner,
#main-navigation,
.entry-asset .asset-meta,
.comment,
#footer-content,
.asset-body {
    height: 1%;
}


/* Page ---------------------------------------------------------- */

.page-asset	{
	margin:50px 10px 0 80px;
    width: 700px;

	}
.asset-body	{
	color:#333;
	}


.mt-page-archive h1 {
	padding-left:23px;
	background:url("../images/whizzo_icon.gif") 0 bottom no-repeat;
	height:21px;
	padding-top:7px;
	color:#333;
	font-size:120%;
	font-weight:bold;
}
.mt-page-archive h2 {
	padding-left:23px;
	background:url("../images/whizzo_icon.gif") 0 bottom no-repeat;
	height:21px;
	padding-top:7px;
	color:#333;
	font-size:120%;
	font-weight:bold;

}


/* A-form ---------------------------------------------------------- */

#aform-5	{
	margin:50px 10px 0 80px;
	color:#333;
	}

#main_content .aform	{
	margin:20px 10px 0 5px;
	color:#333;
	}

.aform textarea	{
	font-size:125%;
	}
.aform input	{
	font-size:130%;
	}
.aform .submit input	{
	font-size:100%;
	}
#main .aform .powerdby	{
	font-size:85%;
	}
#aform-1 	{
	margin-top:0;
	}
.validation-advice	{
	font-size:80%;
	}

.content-nav	{
	margin-bottom:1em;
}