/*基本CSS*/

*{ margin:0; padding:0;}


html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',	'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
    background-image:url("http://www.iihi.biz/images/bg05.jpg");	

}

form { 
    margin: 0;
	padding: 0;
}
a { text-decoration: underline; }
a img { border: 0; }

/*************************
  CLEAR HACKS (thanks to Yasuhisa.H)
*************************/

#clr{
     clear:both;
}
.clear:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear { display: inline-table; }
/* *Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* *End hide from IE-mac */



blockquote {
	margin-left: 10px;
	padding: 0.6em 20px;
	border: 3px solid #ccc;
	color: #666;
	background-color: #f5f5f5;
}

blockquote[title]:before {
	margin-bottom: 0.6em;
	display: block;
	content: "引用: "attr(title); 
	color: #000;
}

blockquote[cite]:after {
	padding: 0.8em 20px;
	display: block; 
	content: "引用元: "attr(cite);
	color: #333;
	text-align: right;
}

a:link {
	color: #005585;
}

a:visited {
	color: #818f98;
}

a:hover {
	color: #01b0f0;
}

/*レイアウト------------------------------*/

#container{
    background-image:url("http://www.iihi.biz/images/bg01.jpg");
    background-repeat:repaet-y;
    width:841px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

#inner_container{
    background:#fff;
    width:727px;
    margin-right:auto;
    margin-left:auto;
    text-align:left;
}

#header{
     width:727px;
     height:0px;
     background:#FFFFFF;
}

#logo{
    padding-top:20px;
    background:#fff;
    width:727px;
    height:25px;
}

#wrapper01{
     width:727px;
}

#wrapper01b{
     width:727px;
	 margin: 10px 0px 5px 0px;
}

#wrapper01b_border{
	width:727px;
    background-image: url('http://www.iihi.biz/images/wrapper01b_border.jpg');
	background-repeat: no-repeat;
	margin: 0px 0px 15px 0px;
}


#main{
    width:727px;
    height:295px
    background:#FFFFFF;
}

#r_img{
   float:right;
   width:200px;
   height:145px;
   background:#fff;
}

#global-link{
    margin-top:15px;
    margin-bottom:15px;
    font-size:12px;
    font-weitht:bold;
    color:#A09168;
}


#wrapper02{
    width:727px;
}

#main_blog{
     float:left;
     margin:0px;
     padding:0px 15px 0px 0px;
     width:500px;
}

#top_blog a{
    margin:0px;
    padding:0px 0px 0px 0px;
    width:500px;
	height: 83px;
    background:url("http://www.iihi.biz/images/top_blog_banner.jpg") no-repeat;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	display: block;
}

#top_blog a:hover{
    margin:0px;
    padding:0px 0px 0px 0px;
    width:500px;
	height: 83px;
    background:url("http://www.iihi.biz/images/top_blog_banner.jpg") no-repeat 0px -85px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	display: block;
}


#work-area{
   float:right;
     width:210px;
}



/*レイアウト-ここまで-----------------------------*/

/*バックグラウンド---------------------------------------*/

body{
    xbackground-image:url("http://www.iihi.biz/images/background02.gif")
    background-image:url('http://www.iihi.biz/images/bg02.jpg');
    background-repeat:repaet-x;
}

/*ロゴ-----------------------------------------------*/

#logo a h1{
    margin:0px 0px 5px 0px;
    padding:0px;
    background-image:url("http://www.iihi.biz/images/TOP_logo.jpg");
    height:21px;
    background-repeat:no-repeat;
    font-size:22px;
    text-indent:-9999px;
    display:block;
    
}

/*グローバルナビ 汎用----------------------------------*/

#g_navi {
 height:45px;
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat;
 margin:5px 0 12px 0px;
}

#g_navi ul {
 padding:0;
}

#g_navi li {
 display:inline;
 list-style-type:none;
}

#g_navi li a {
 height:45px;
 display:block;
 float:left;
 text-indent:-9999px;
 text-decoration:none;
 overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat;
 width:124px;
}
/*------hover*/
#g_navi li.g_navi01 a:hover {
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat 0px -45px;
}

/*------off*/
#g_navi li.g_navi02 a {
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat -124px 0px;;
 width:147px;
}
/*------hover*/
#g_navi li.g_navi02 a:hover {
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat -124px -45px;
width:147px;
}

/*------off*/
#g_navi li.g_navi03 a {
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat -271px 0px;
 width:147px;
}
/*------hover*/
#g_navi li.g_navi03 a:hover {
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat -271px -45px;
 width:147px;
}

/*------off*/
#g_navi li.g_navi04 a {
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat -418px 0px;
 width:147px;
}
/*------hover*/
#g_navi li.g_navi04 a:hover {
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat -418px -45px;
 width:147px;
}

/*------off*/
#g_navi li.g_navi05 a {
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat -565px 0px;
width:147px;
}
/*------hover*/
#g_navi li.g_navi05 a:hover {
 background:url(http://www.iihi.biz/images/gnavi.jpg) no-repeat -565px -45px;
width:147px;
}

/*グローバルナビ トップ----------------------------------*/

#g_navi_top {
 height:45px;
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat;
 margin:0px 0 0px 0px;

}
#g_navi_top ul {
 padding:0;
}
#g_navi_top li {
 display:inline;
 list-style-type:none;
}
#g_navi_top li a {
 height:45px;
 display:block;
 float:left;
 text-indent:-9999px;
 text-decoration:none;
 overflow:hidden;
}
/*------off*/
#g_navi_top li.g_navi001 a {
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat;
 width:139px;
}
/*------hover*/
#g_navi_top li.g_navi001 a:hover {
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat 0px -45px;
}

/*------off*/
#g_navi_top li.g_navi002 a {
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat -139px 0px;;
 width:147px;
}
/*------hover*/
#g_navi_top li.g_navi002 a:hover {
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat -139px -45px;
width:147px;
}

/*------off*/
#g_navi_top li.g_navi003 a {
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat -286px 0px;
 width:147px;
}
/*------hover*/
#g_navi_top li.g_navi003 a:hover {
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat -286px -45px;
 width:147px;
}

/*------off*/
#g_navi_top li.g_navi004 a {
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat -433px 0px;
 width:147px;
}
/*------hover*/
#g_navi_top li.g_navi004 a:hover {
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat -433px -45px;
 width:147px;
}

/*------off*/
#g_navi_top li.g_navi005 a {
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat -580px 0px;
width:147px;
}
/*------hover*/
#g_navi_top li.g_navi005 a:hover {
 background:url(http://www.iihi.biz/images/gnavi_top.jpg) no-repeat -580px -45px;
width:147px;
}


/*メニュー----------------------------------*/

.menu {
  font-size: 12px;
  margin: 0 0 8px 0;
  padding: 0px;
}

#rightside {
  float: right;
  font-size: 12px;
  margin: 0;
  padding: 0;
  width: 210px;
}

#company-rightside {
  float: left;
  font-size: 12px;
  padding: 0;
  width: 210px;
  margin-left: 38px;
}


#profile-txt{
	text-align: left;
	font-size:11px;
	color:#444444;
	line-height: 1.7;
	margin-top: 12px;
	padding: 10px;
    border:1px solid #ddd;
}

#profile{
     width:210px;
}

#se_banner a{
    width:210px;
    height:60px;
    background-image:url("http://www.iihi.biz/images/se_banner.jpg");
    text-indent:-9999px;
    display:block;
	overflow:hidden;
}

#claska_banner a{
    width:210px;
    height:60px;
    background-image:url("http://www.iihi.biz/images/claska_banner.jpg");
    text-indent:-9999px;
    display:block;
	overflow:hidden;
}


#claska_guide a{
    width:210px;
    height:45px;
    background-image:url("http://www.iihi.biz/images/claska_guide.jpg");
    text-indent:-9999px;
    display:block;
	overflow:hidden;
}

#monitor a{
    width:210px;
    height:60px;
    background-image:url("http://www.iihi.biz/images/monitor.jpg");
    text-indent:-9999px;
    display:block;
	overflow:hidden;
}

#works a{
    width:210px;
    height:60px;
    background-image:url("http://www.iihi.biz/images/works.png");
    text-indent:-9999px;
    display:block;
	overflow:hidden;
}


/*メインエリア----------------------------------*/

#main_img a{
　　margin:0px;
     padding:0px;
     width:478px;
     height:295px;
    background-image:url("http://www.iihi.biz/images/TOP_main_01.jpg");
     text-indent:-9999px;
    display:block;
    float:left;
}

#main_img_r a{
　　margin:0px;
     padding:0px;
     width:249px;
     height:295px;
    background-image:url("http://www.iihi.biz/images/TOP_main_02.jpg");
     text-indent:-9999px;
    display:block;
    float:left;
}

#entry-footer02{
margin-top:12px;
font-size:14px;
text-align:right;
}

.category_title {
    width: 421px;
	margin: 0;
	padding: 0.8em 30px;
	border-bottom: 1px solid #f5f5f5;
	border-left: 3px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;		
	color: #018af0;
	background-color: #fcfcfc;
	font-size: 120%;
	font-weight: bold;
}

/*右下エリア--------------------------------*/
#work-area-txt{
    float:left;
}
#work-area-img{
    float:right;
}


.module{
    margin-bottom:35px;
}


.date-header{
  color:#999999;
	display: inline;
	font-size: 80%;
	margin-top: 0;
	padding-left: 10px;
	border-left: 5px solid #f5f5f5;
}

.entry{
   padding:10px;
   margin-right:15px;
   margin-top:15px;
   margin-bottom:35px;
   border:1px solid #cccccc;
}

.entry-body{
   	color: #444; /* 基本文字色 */
    font-size: 13px;
	line-height: 2.0;
	
}

.entry-body img{
   margin:10px 20px 20px 10px;
   float:left;
}

.entry-body span{
  font-size:12px;
   color:#444;
  margin-left:15px;
}

.entry-header {
    color:#336581;
	display: inline;
	font-size: 140%;
	margin-top: 0;
	padding-left: 10px;
	border-left: 5px solid #dddddd;
	line-height: 140%;
}
.entry-header a {
	border-bottom: 1px solid #01b0f0;
	text-decoration: none;
	color:#336581;
	line-height: 140%;
}

#archive-title {
	border-left: 5px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	padding: 5px 5px 5px 10px;
	color: #018af0;
	font-size: 160%px;
	font-weight: bold;
	line-height: 160%;
	background-color: #fcfcfc;
}

.a_date-header{
    color:#999999;
	display:inline;
	font-size: 80%;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 5px 5px 0px 10px;
	text-decoration:none;
}

.category-header {
	display:inline;
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 5px 5px 0px 10px;
}

.entry-header a:visited{
     color:#336581;
	 line-height: 140%;
}

.entry-header a:hover{
	color: #018af0;
	line-height: 140%;
}


.entry-footer{
    font-size:11px;
    color:#336581;
    line-height: 20px;
}

.comments_img{
    width: 14px;
	height: 14px;
    background-image: url(http://www.iihi.biz/images/edit-comment-blue.gif)
}




/*メインエリア-ここまで---------------------------------*/

/*右ナビエリア----------------------------------*/

#module-top{
    width: 207px;
	height: 15px;
}	

#module-entry{
    width: 207px;
	height: 31px;
}	


#module_d_a {
    width: 207px;
	height: 78px;
}	

#module_e_a{
    width: 207px;
	height: 30px;
}	


.module-header{
    font-size:12px;
    font-weitht:bold;
    color:#A09168;
}

.module-header_top,.module-header_middle{
	font-size: 12px;
	font-weitht: bold;
	color: #70add9;
	width: 206px;
	margin-bottom: 15px;
	display: block;
	text-align: center;
	line-height: 20px;
	background-image: url(http://www.iihi.biz/blog/images/r_header_bg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
}

.module-header_pro{
	font-size: 12px;
	font-weitht: bold;
	color: #70add9;
	width: 206px;
	display: block;
	text-align: center;
	line-height: 20px;
	background-image: url(http://www.iihi.biz/blog/images/r_header_bg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
}




.module-list-item_txt, .module-list-item_cat, .module-list-item_arc{
    margin-top: 10px;
    width: 180px;
    background-repeat: no-repeat;
    background-position: 5px 6px;
    padding-left: 25px;    
    color:#444444;
	font-size:11px;
    text-align: left;
	list-style-type: none;
	line-height: 180%;
}

.module-list-item_txt{
    background-image : url("http://www.iihi.biz/images/txt.jpg");
}

.module-list-item_cat{
    background-image : url("http://www.iihi.biz/images/cat.jpg");
}

.module-list-item_arc{
    background-image : url("http://www.iihi.biz/images/cat-green.jpg");
}


.module-content{
    margin-top:5px;
    padding-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	display: block;
}

.module-content2{
    padding-top:20px;
	margin-bottom: 5px;
	padding-bottom: 50px;
	display: block;
}

#module-top2{
    width:207px;
}	

* html #module-top2{
    width:207px;
}




.module-content2{
}



#r_navi{
     float:right;
     width:206px;
}

#r_navi_txt{
    font-size:11px;
    margin:10px 0px 10px 0px;
    padding:0px;
}

#r_navi_img{
     padding: 0px;
     width: 227px;
     height: 145px;
}

.side_box{
    float: right;
	display: block;
	width: 215px;
	margin-top: 15px;
	padding-top:10px;
}


p#p_img{
	width:75px;
	height:74px;
	float:left;
	margin-bottom:2px;
}

p#p_text01{
    width: 110px;
	float:right;
	text-align: left;
	padding-top:4px;
	color:#444444;
	font-size:11px;
	line-height: 1.7;
}

p#p_text02{
	width: 210px;
	float:right;
	text-align: left;
	font-size:11px;
	padding-top:4px;
	color:#444444;
	line-height: 1.7;
}

p#p_text03{
	width: 210px;
	float: right;
	text-align: left;
	font-size:11px;
	padding-top:4px;
	color:#005585;
	font-size:11px;
	line-height: 1.7;
}

.count {
    color: #018af0;
	text-decoration: underline;
}


.link5 {
	text-decoration: none;
	color: #005585;
	text-decoration: underline;

}

.link5:hover {
    color: #018af0;
	text-decoration: underline;
}

.link6 {
	text-decoration: none;
    color:#dddddd;
	text-decoration: underline;

}


.link6:link {
	text-decoration: none;
    color:#818f98;
	text-decoration: underline;

}


.link6:hover {
    color: #018af0;
	text-decoration: underline;
}

#feed_link {
  margin-top:20px;
  text-align:center;
}

.feed_link1 {
　　width: 200px;
    border:1px solid #d9cdac;
	background-color:#FFFFA3;
	text-align:center;
	margin-bottom:15px;
	line-height: 100%;
}

feed_link2 {
    margin:2px;
	padding:3px;
	background-color:#ffffe4;
	line-height: 100%;
}


/*フッター------------------------------------------*/

#footer{
     width:712px;
	 height: 30px;
     margin-top:20px;
     clear:both;
     text-align:center;
	 font-size: 9px;
	 padding-top: 10px;
     background-image : url("http://www.iihi.biz/images/footer.jpg");
	 line-height: 1.5;
	 color:#666666;
}

#footer ul#Footer01 {
	text-align:center;
    font-size: 10px;
	padding-bottom:5px;
}

#footer ul#Footer01 li {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
}

#footer ul#Footer01 li+li {
	border-left:1px solid #999;
}

/*クラスカのランディングページ----------------------*/

#top_lp{
    padding-top:20px;
    width:726px;
    height:300px;
	background-image:url("http://www.iihi.biz/images/claska/top_lp3.jpg");
	text-indent:-9999px;
    display:block;
	background-repeat:no-repeat;
}

#guide_wrapper{
	width:726px;
}

#guide_wrapper_inner{
	width: 80%;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
    margin-right: auto;
    text-align: left; 
	background-color: #ffffff;
	line-height: 2.0;
}

#guide_wrapper #guide_wrapper_inner h2{
	width:100%;
	border-bottom: 1px dotted #e6e2af;
	border-left: 4px solid #e6e2af;
	margin-top: 20px;
	margin-bottom: 20px;
	text-indent: 10px;
	color: #666666;
}

#guide_wrapper #guide_wrapper_inner p{
	width:75%;
	margin-left: auto;
    margin-right: auto;
    text-align: left; 
	font-size: 14px;  
	margin-top: 40px;
	margin-bottom: 20px;
	color: #666666;
}

#guide_button a{
	width: 232px;
	height: 48px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: auto;
    margin-right: auto;
	background-image:url("http://www.iihi.biz/images/claska/bottun.jpg");
	background-repeat:no-repeat;
	display: block;
	text-indent: -9999px;
}

#guide_button1 a{
	width: 232px;
	height: 48px;
	margin-left: auto;
    margin-right: auto;
	background-image:url("http://www.iihi.biz/images/claska/bottun1.jpg");
	background-repeat:no-repeat;
	display: block;
	text-indent: -9999px;
}





/*ブログ----------------------*/

#blog_header1 a{
    float:left;
    width:406px;
    height:100px;
	background-image:url("http://www.iihi.biz/blog/images/header11.jpg");
    display: block;
	text-indent: -9999px;
	overflow:hidden;
}

#blog_header2 {
    float: left;
    width:321px;
    height:100px;
	background-image:url("http://www.iihi.biz/blog/images/header8.jpg");
	display: block;
	text-indent: -9999px;
   
}

#blog_header3 {
    float: left;
    width:727px;
    height:100px;
	background-image:url("http://www.iihi.biz/blog/images/header12.jpg");
	display: block;
	text-indent: -9999px;
   
}

.content-nav {
	font-size: 13px;
}


/* SCODEの設定 */
.scode {
vertical-align: top;
} 

#scode {
margin-left: 5px;
} 

/* 2-3-3-7. Comment Log
-----------------------------*/

.comment_h2 {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 110%;
	font-weight: normal;
	color: #444444;
}

div#comment {
	padding: 1px 0;
	color: #444444;	
	font-size:13px;
}

div#comment h2 {

}

div#comment dl.log {

}

div#comment dl.log dt {
	margin: 0;
}

div#comment dl.log dt span.name {

}

div#comment dl.log dt span.date {
	color: #999;

}

div#comment dl.log dd {
	margin: 0 0 0.8em 0;
	border-bottom: 1px solid #eee;
}

div#comment dl.log dd p {
	margin: 0.5em 0 1em 0;
}

/* 2-3-3-8. Comment Post form
-----------------------------*/

form.post {
	color: #444444;
}

form.post dl {
	margin: 0 10px;
}

form.post dl dt {
	margin-top: 0;
}

form.post dl dd {
	margint-bottom: 0;
}

form.post dl input {
	margin: 0;
}

form.post textArea {
	margin: 0;
}

form.post div.action {
	margin: 0 20px;
}

form.post div.action input.submit {
	margin: 0.4em 0;
}

/* 2-3-3-9. Trackback Log
-----------------------------*/

div#trackback {
	margin-top: 3em;
	color: #444444;
	margin-bottom: 3em;
	font-size: 13px;
}

div#trackback h2 {
	color: #444444;
}

div#trackback dl.log {
	border-left: 3px solid #dddddd;
	padding-left: 5px;
}

div#trackback dl.log dt {

}

div#trackback dl.log dd {

}

/* 2-3-3-10. Trackback Info
-----------------------------*/

div#trackback dl.info {
	border-left: 3px solid #dddddd;
	border-bottom: 1px solid #eee;
	background-color: #f5f5f5;
	padding-left: 0px;
}

div#trackback dl.info .URL {
	padding: 0.2em 1em;
	color: #01b0f0;
	background-color: #fff;
}

/*======================================

	1-9.Forms Module
	
=======================================*/

form {
	padding: 1px 0; 
}

form dl,
form p {
	margin: 0.5em 10px;
}

fieldset {
	border: 1px solid #ddd;
}

legend {
	margin: 0 1em;
	padding: 0 10px;
}

input,
textarea {
	margin: 0.5em 10px;
	padding: 1px 0.2em;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}

input:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input:focus,
textarea:focus {
	border: 1px solid #000;
}

textarea {
}

input.inputField {

}

input.submit {
	border-color: #fff;
	color: #fff;
	background-color: #01b0f0;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

input.submit:hover {
	background-color: #000;
}

input.radio {
	background-color: transparent;
	background-image: none;
	border: none;
}

/*======================================

	検索
	
=======================================*/

.search-results-header {
	margin: 0;
	padding: 0.8em 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #f5f5f5;
	border-left: 3px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;		
	color: #018af0;
	background-color: #fcfcfc;
	font-size: 120%;
	font-weight: bold;
}