@charset "UTF-8";
/* @override 
	http://ia.am/wp-content/themes/ia/style.css
*/
/*  
Theme Name: IA
Theme URI: http://ia.am/
Description: 株式会社IAオリジナルテーマファイル
Version: 1.0
Author: Go Imai
Author URI: http://www.studiobrain.net/
*/





/***** 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{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}



/***** 共通のタグ CommonTag *****/
body{font: 95%/155% "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;}
h1,h2,h3,h4,h5,h6,p{margin: 15px 0;padding: 0;}
a{ outline:none;color: #666;text-decoration: underline;}
a:hover{color: #999;text-decoration: none;}
p{}
h1{font-size: 200%;line-height: 100%;}
h2{font-size: 160%;line-height: 100%;}
h3{font-size: 140%;line-height: 100%;}
h4{font-size: 105%;line-height: 100%;}
h5{font-size: 100%;line-height: 100%;}
h6{font-size: 75%;line-height: 100%;}
small{font-size: 80%;}
big{font-size: 130%;}
ul{list-style-position: outside;padding: 0 0 0 25px;line-height: 140%;margin: 15px 0;}
ol{list-style-position: outside;margin: 15px 0;padding: 0 0 0 30px;line-height: 140%;}
ul ul, ol ol,ul ol, ol ul{padding: 0 0 0 15px;}
blockquote {margin: 15px 0;background-color: #fbf6f5;border: 1px solid #cea39e;clear: both;padding: 10px 10px 0;color: #333;font-size: 85%;}
blockquote p{margin: 0;padding: 0px 0px 10px;}
blockquote ol,blockquote ul{margin: 0;padding: 0px 0px 10px 25px;}
hr{margin: auto;border-style: none;height: 1px;background-color: #999;clear: both;}




/***** スペース領域 AreaSpace *****/
#body{text-align: center;border-top: 4px solid #000;background: url(img/header-bg.gif) no-repeat center top;}
#header{clear:both;margin: auto;width: 950px;}
#footer{clear:both;margin: auto;width: 950px;padding: 0 0 20px;}
#topimage{clear:both;margin: auto;width: 950px;height: 300px;background: url(img/top-image.gif) no-repeat;}
#container{width: 950px;margin: auto;text-align: left;}
#main{text-align:left;overflow: hidden;width: 720px;float: right;padding: 20px 0 0;}
#sidebar{float: left;width: 210px;overflow: hidden;margin: 20px 0 0;}
#wrap{clear:both;float: left;width: 100%;overflow: hidden;}
#pagewrap{clear: both;float: left;overflow: hidden;width: 100%;padding-bottom: 30px;}



/***** ヘッダー Header *****/
#header #header-left{padding: 15px 0 8px 17px;float: left;width: auto;}
#header .header-logo a{margin:0;padding: 0;float: left;width: 187px;background: url(img/logo.gif) no-repeat;height: 52px;text-indent: -9999px;}
#header .header-logo{float: left;width: auto;margin: 0;}
#header .header-description{color: #333;font-weight: normal;font-style: normal;margin: 0;padding: 30px 0 0 8px;font-size: 70%;float: left;line-height: 100%;width: auto;}



/*ヘッダーナビ (Menubarプラグインにより割り当てられたID) */
#wpmenu1 {padding: 0;clear: both;margin: auto;}
#wpmenu1 ul{list-style-type:none;white-space: nowrap;width: 100%;padding: 0;margin: 0;float: left;background-color: #000;}
#wpmenu1 ul ul{display: none;}
#wpmenu1 li{padding: 0;margin: 0;float: left;width: auto;}
#wpmenu1 li ul{float: left;padding: 0;margin: 0;list-style-type: none;width: auto;}
#wpmenu1 li a{float: left;width: 190px;height: 60px;text-indent: -9999px;}

#wpmenu1 .home {background: url(img/headnavi.gif) 0 -120px;}
#wpmenu1 .home a{background: url(img/headnavi.gif) 0 0;}
#wpmenu1 .home a:hover{background: url(img/headnavi.gif) 0 -60px;}
#wpmenu1 .home.selected a{background-image: none;}
#wpmenu1 .home.selected a:hover{background-image: none;}

#wpmenu1 .about {background: url(img/headnavi.gif) -190px -120px;}
#wpmenu1 .about a{background: url(img/headnavi.gif) -190px 0;}
#wpmenu1 .about a:hover{background: url(img/headnavi.gif) -190px -60px;}
#wpmenu1 .about.selected a{background-image: none;}
#wpmenu1 .about.selected a:hover{background-image: none;}

#wpmenu1 .works {background: url(img/headnavi.gif) -380px -120px;}
#wpmenu1 .works a{background: url(img/headnavi.gif) -380px 0;}
#wpmenu1 .works a:hover{background: url(img/headnavi.gif) -380px -60px;}
#wpmenu1 .works.selected a{background-image: none;}
#wpmenu1 .works.selected a:hover{background-image: none;}

#wpmenu1 .information {background: url(img/headnavi.gif) -570px -120px;}
#wpmenu1 .information a{background: url(img/headnavi.gif) -570px 0;}
#wpmenu1 .information a:hover{background: url(img/headnavi.gif) -570px -60px;}
#wpmenu1 .information.selected a{background-image: none;}
#wpmenu1 .information.selected a:hover{background-image: none;}

#wpmenu1 .contact {background: url(img/headnavi.gif) -760px -120px;}
#wpmenu1 .contact a{background: url(img/headnavi.gif) -760px 0;}
#wpmenu1 .contact a:hover{background: url(img/headnavi.gif) -760px -60px;}
#wpmenu1 .contact.selected a{background-image: none;}
#wpmenu1 .contact.selected a:hover{background-image: none;}


/*サイドバー・サブページリスト*/
#side-subpage {background: #000 url(img/side-sub-top.gif) no-repeat center top;margin: 0 0 20px;font-size: 80%;line-height: 100%;padding: 5px 0 0;float: left;}
#side-subpage .sidebartitle {font-size: 100%;margin: 0;font-weight: normal;font-style: normal;}
#side-subpage ul {margin: 0;padding: 0 0 15px;background: url(img/side-sub-btm.gif) no-repeat center bottom;float: left;width: 210px;}
#side-subpage ul ul{margin: 0;padding: 0;background-image: none;float: left;width: 210px;}
#side-subpage li {display: block;padding: 0;margin: 0;}
#side-subpage li li{display: block;padding: 0;margin: 0;float: left;width: 210px;}
#side-subpage a{color: #fff;padding: 6px;text-decoration: none;display: block;text-align: center;background: url(img/side-sub-bar.gif) no-repeat center bottom;}
#side-subpage a:hover{color: #ee7b19;}

/*サイドバー・お知らせ*/
#side-info-ttl {margin: 0;padding: 0;}
#side-info-ttl .cat-item {background: url(img/side-info-top.gif) no-repeat center top;padding: 0;margin: 0;}
#side-info-ttl ul{margin: 0;list-style-type: none;padding: 0;}
#side-info-ttl a{display: block;height: 40px;text-indent: -9999px;}
#side-info {padding: 0;background-color: #323232;margin: 0 0 20px;clear: both;}
#side-info .side-info-list {margin: 0;list-style-type: none;padding: 0 5px 10px;line-height: 120%;font-size: 80%;clear: both;background: #323232 url(img/side-info-btm.gif) no-repeat center bottom;}
#side-info .side-info-list li {margin: 0;padding: 3px;}
#side-info .side-info-list a {color: #ccc;text-decoration: none;}

/*サイドバー・リンク*/
#side-link {margin: 0 0 20px;}
#side-link ul{margin: 0;padding: 0;list-style-type: none;line-height: 80%;font-size: 80%;}
#side-link li{margin: 0;padding: 0 0 10px;}




/*** トップページ ***/
#top-left {float: left;width: 450px;}
#top-info{padding: 0;background: url(img/top-info.gif) no-repeat left top;}
#top-info-ttl {height: 30px;overflow: hidden;}
#top-info-ttl b{float: left;color: #936;width: auto;text-indent: -9999px;}
#top-info-ttl ul{float: right;margin: 0;padding: 0;width: 280px;}
#top-info-ttl ul li{display: inline;padding: 0;float: left;width: auto;}
#top-info-ttl ul li a{padding: 0;color: #fff;font-size: 80%;float: left;line-height: 100%;text-decoration: none;width: 280px;text-indent: -9999px;height: 30px;}
#top-info-list {clear: both;list-style-type: none;margin: 0;padding: 6px 0 0;font-size: 80%;line-height: 160%;width: 100%;}
#top-info-list li{padding: 7px 0;border-bottom: 1px solid #ccc;}
#top-info-list .date {padding-right: 6px;margin-right: 6px;color: #333;border-right: 3px solid #ccc;}
#top-info-list li a{color: #444;text-decoration: none;}
#top-info-list li a:hover{color: #888;}
#top-right {float: right;width: 480px;padding: 0;margin: 0;}
#top-about{color: #666;font-size: 80%;line-height: 170%;padding: 0;float: left;width: 250px;}
#top-about-ttl {background: #f3f3f3 url(img/top-about.gif) no-repeat;text-indent: -9999px;height: 30px;}
#top-link{float: right;width: 210px;background: url(img/top-link.gif) no-repeat;padding: 45px 0 0;}
#top-link ul{margin: 0;padding: 0;list-style-type: none;font-size: 80%;line-height: 80%;}
#top-link li{padding: 0 0 10px;}



/***** フッター Footer *****/
#footer .copyright {padding: 0;text-indent: -9999px;height: 34px;background: #000 url(img/footer-bg.gif) no-repeat;font-size: 1px;line-height: 1px;}



/***** コンテンツ Content *****/
.pagename{font-size: 120%;font-weight: bold;padding: 0;clear: both;margin: 0;color: #fff;height: 60px;overflow: hidden;line-height: 120%;background-color: #000;background-image: url(img/title-bg.gif);}
.pagename span{padding: 30px 0 0 10px;display: block;}
.pagename ul{margin: 0;padding: 0;list-style-type: none;}
.pagename a{color: #fff;text-decoration: underline;}
.pagename a:hover{color: #fff;text-decoration: none;}
.content {clear: both;font-size: 95%;line-height: 160%;color: #333;padding: 20px;}
.content .title {color: #666;font-size: 140%;line-height: 100%;text-decoration: none;color: #333;background: url(img/h3-icon.gif) no-repeat left top;padding: 4px 0 2px 35px;display: block;float: left;clear: both;}
.content .title a{color: #666;font-size: 100%;line-height: 100%;text-decoration: none;}
.content .title a:hover{color: #888;} 
.content .date {background-color: #666;color: #fff;padding: 3px 10px;float: left;line-height: 100%;font-size: 85%;}



/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;font-size: 80%;white-space: nowrap;float: left;width: 100%;padding: 0;margin-top: 20px;}
.navigation div.wp-pagenavi span.pages {padding: 2px;font-weight: normal;font-style: normal;}
.navigation div.wp-pagenavi span.current {font-weight: normal;font-style: normal;background-color: #333;color: #fff;border-color: #333;padding: 2px 10px;}
.navigation div.wp-pagenavi a {padding: 2px 10px;color: #000;border-color: #333;}
.navigation div.wp-pagenavi a:hover {padding: 2px 10px;background-color: #eee;color: #000;border-color: #333;}
.navigation div.alignright a {float: right;color: #fff;background-color: #333;padding: 4px 60px 4px 10px;font-size: 90%;line-height: 100%;width: auto;}
.navigation div.alignleft a {float: left;color: #fff;background-color: #333;padding: 4px 10px 4px 60px;font-size: 90%;line-height: 100%;width: auto;}
.navigation div.alignright a:hover {text-decoration: none;background-color: #666;}
.navigation div.alignleft a:hover {text-decoration: none;background-color: #666;}

.totop {text-align: right;padding: 20px 0;clear: both;}
.totop a{color: #999;font-size: 80%;text-decoration: underline;}
.totop a:hover{text-decoration: none;}



/***** その他 Others *****/
.edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
.edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}