@charset "UTF-8";


/***********************
 * Neutralize Any Tags
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.5.2
 ***********************/
html{color:#000;background:#ffffff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}
ul ol{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:100%;line-height:100%;}
/*body{font:13px/1.4 "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;*font-size:small;*font:x-small;}
body *{line-height:1.4;}*/

h1 {
font-size:150%;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-weight:bold;
}

h2 {
margin:0;
font-size:180%;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-weight:bold;
color:#006110;
text-align:left;
}

h3 {
margin:0;
font-size:120%;
font-weight:bold;
color:#cc3300;
text-align:left;
}

.green {color: #006110}



body{font: 80% arial,sans-serif;text-align:center;line-height:1.4}

#header {
width:1000px;
height:88px;
padding-bottom:10px;
margin: 0 auto;}

#header .l_logo{
width:323px; height:58px; float:left;
padding:10px 0 10px 5px;}
#header .i_logo{
width:98px; height:53px; float:right;
padding:15px 28px 0 0;}

#menu {background:#fff;float:left;list-style:none;width:100%;font-size:100%;margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #ccc;}
#menu li {float:left;}
#menu a {background: #fff url("http://www.ioix.com/wp-content/themes/ioix_new/images/images/seperator.gif") bottom right no-repeat;color: #333;display: block;float: left;padding: 8px 10px;text-decoration: none;
}
#menu a:hover {background: #CCEFE3 url("http://www.ioix.com/wp-content/themes/ioix_new/images/images/hover.gif") bottom center no-repeat;color: #F49200;padding-bottom: 8px;}

/* Main creative ----------------------------*/
#top_box{
margin:0 auto;
width:1000px;
height:300px;
clear:both;
}

#top_box h1 {
float: none;
padding: 0;
margin: 0;
}

#top_box_contact {
background: url(../images/main03.jpg) no-repeat;
width: 1000px;
height: 85px;
}

#top_info {
width: 270px;
height: 70px;
margin: 3px 0 0 29px; 
float: left;
}

#top_phone {
width: 270px;
height: 50px;
margin: 25px 0 0 0;
float: right;
}

#top_contact {
width: 214px;
height: 42px;
margin: 31px 10px 0 0px;
float: right;
}

#top_box_form{
margin:0 auto;
width:1000px;
clear:both;
}

.ie7 #top_box{
margin-top:25px;
}

.ie7 #top_box_form{
margin-top:25px;
}



/*１stカテゴリー*/

#first_box{
margin:20px auto;
width:1000px;
clear:both;
}

/*１stカテゴリー 右*/

#right{
width:720px;
float: right;
text-align:left;
}

/* お薦め */
#rec {
margin: 20px 0 50px 0;
}

/* 課題解決 */
#task p{
margin: 10px 0 20px 0;
}
#task img{
margin: 0 0 50px 0;
}

/* ポイント */
#service {
margin: 20px 0 50px 0;
}

#service .service_col {
float:left;
width:230px;
background: url(../images/service_col_bg.gif) repeat-y;
}

#service .service_col div {
background: url(../images/service_col_btm.gif) no-repeat bottom;
}

#service .service_col h3,
#service .service_col h4 {
margin: 0;
pading: 0;
}

#service .service_col p {
padding: 5px 18px 0 18px;
height: 90px;
}

/* 違い ----------------------------*/
#diff{
margin: 20px 0 50px 0;
}

#diff h2 {
margin-bottom:20px;
}

#diff .service_text{
float:left;
width:590px;
padding:0px 0 0 17px;
margin-bottom: 30px;
}

#diff .service_img{
float:left;
}

/* フロー ------------------------------ */
#flow {
margin: 20px 0 50px 0;
}

#flow h3 {
width: 220px;
height: 45px;
}

#flow span {
color: #25646D;
}

#flow .flow_ar01 {
margin: -50px 0 10px 80px;
}

#flow .flow_ar01 {
/margin: -40px 0 10px 80px;
}

#flow .flow_ar02 {
margin: -80px 0 30px 80px;
}

#flow .flow_ar02 {
/margin: -50px 0 30px 80px;
}

.flow_col01,
.flow_col02,
.flow_col03,
.flow_col04,
.flow_col05 {
width: 720px;
clear: both;
margin: 0 ;
}

.flow_col01 div p,
.flow_col02 div p,
.flow_col03 div p,
.flow_col04 div p {
padding: 10px 15px 20px 15px;
}

.flow_col05 div p {
padding: 10px 15px 20px 9px;
}

.flow_col01 {
background: url(../images/flow01_h3.gif) no-repeat;
height: 106px;
}

.flow_col01 div {
width: 500px;
height: 106px;
background: url(../images/flow01_bg.gif) no-repeat top right;
margin: -45px 0 0 220px;
}

.flow_col02 {
background: url(../images/flow02_h3.gif) no-repeat;
height: 106px;
}

.flow_col02 div {
width: 500px;
height: 106px;
background: url(../images/flow02_bg.gif) no-repeat top right;
margin: -45px 0 0 220px;
}

.flow_col03 {
background: url(../images/flow03_h3.gif) no-repeat;
height: 106px;
}

.flow_col03 div {
width: 500px;
height: 106px;
background: url(../images/flow03_bg.gif) no-repeat top right;
margin: -45px 0 0 220px;
}

.flow_col04 {
background: url(../images/flow04_h3.gif) no-repeat;
height: 106px;
}

.flow_col04 div {
width: 500px;
height: 106px;
background: url(../images/flow04_bg.gif) no-repeat top right;
margin: -45px 0 0 220px;
}

.flow_col05 {
background: url(../images/flow05_h3.gif) no-repeat;
width: 226px;
height: 173px;
}

.flow_col05 div {
width: 494px;
height: 173px;
background: url(../images/flow05_bg.gif) no-repeat top right;
margin: -45px 0 0 226px;
}


/* ご担当者の声 */

#voice {
margin: 20px 0 50px 0;
}

#voice .voice_col01 {
width: 230px;
height: 265px;
background: url(../images/voice01_bg.gif) no-repeat;
float: left;
}

#voice .voice_col02 {
width: 230px;
height: 265px;
background: url(../images/voice02_bg.gif) no-repeat;
float: left;
}

#voice .voice_col03 {
width: 230px;
height: 265px;
background: url(../images/voice03_bg.gif) no-repeat;
float: left;
}

#voice .voice_col01 .service_text,
#voice .voice_col02 .service_text,
#voice .voice_col03 .service_text  {
text-align: left;
padding: 5px 8px 0 8px;
}


#voice .voice_col01 .service_text h3,
#voice .voice_col02 .service_text h3,
#voice .voice_col03 .service_text h3 {
color: #1e6168;
font-size: 20px;
text-align: center;
}

#voice .voice_col01 .service_text h4,
#voice .voice_col02 .service_text h4,
#voice .voice_col03 .service_text h4 {
color: #990000;
font-size: 15px;
text-align: center;
font-weight: bold;
margin-bottom: 3px;
line-height: 120%;
}

#voice .voice_col01 .service_text p,
#voice .voice_col02 .service_text p,
#voice .voice_col03 .service_text p {
}

/* 左: アナリスト紹介 */ 

#left {
width:250px;
float:left;
}

#left_analyst{
margin: 0 0 20px 0;
}

.left_analyst_p {
background: url(../images/analyst_photo_bg.gif) no-repeat;
height: 315px;
}

.left_analyst_p img {
margin: 5px auto 0px auto;
text-align: center;
}

.left_analyst_p p {
text-align: left;
margin: -5px 10px 0 10px;
}

.left_analyst_t{
text-align:left;
background: url(../images/analyst_intro_bg.gif) bottom;
color: #FFF;
padding: 0 0 15px 0;
}

#left_analyst p{
padding:10px 10px 0px 10px;
font-size:85%;
}

/* 左: セミナー */ 
#left_seminar {
margin-bottom: 20px;
}

.left_seminar_t {
background: url(../images/left_bg.gif) repeat-y;
text-align: left;
}

.left_seminar_t div {
padding: 10px 10px;
}

.left_seminar_t div.bg_wht {
background: #FFF;
margin: 0 8px 0 7px;
padding: 0px 10px 10px 10px;
}

.left_seminar_t p.title {
text-align: center;
margin-bottom: 10px;
}

#left_supportservice {
margin-bottom: 20px;
}




/* 2ndカテゴリー*/

#second_box{
margin:0 auto;
width:1000px;
clear:both;
padding-top:50px;
}

/* プラン */
#plan {
margin: 20px 0 50px 0;
}

#plan1_title {
background: url(../images/plan_head.jpg) no-repeat left top;
height: 147px;
}

#plan2_title {
background: url(../images/plan_head.jpg) no-repeat right top;
height: 147px;
}

#plan1_title p,
#plan2_title p {
margin: 60px 20px 0 20px;
color: #FFF;
font-size: 12px;
line-height: 130%;
}

#plan1_bg01 {background: url(../images/plan_bg01.gif) repeat-y left top;}
#plan2_bg01 {background: url(../images/plan_bg01.gif) repeat-y right top;}
#plan1_bg02 {background: url(../images/plan_bg02.gif) repeat-y left top;}
#plan2_bg02 {background: url(../images/plan_bg02.gif) repeat-y right top;}
#plan1_bg03 {background: url(../images/plan_bg03.gif) repeat-y left top;}
#plan2_bg03 {background: url(../images/plan_bg03.gif) repeat-y right top;}

#plan1_bg01 p,
#plan2_bg01 p,
#plan1_bg02 p,
#plan2_bg02 p,
#plan1_bg03 p,
#plan2_bg03 p {
padding: 10px 10px;
}

#plan1_bg03 p,
#plan2_bg03 p {
font-size: 16px;
}

.plan_table {
width: 280px;
margin: 10px 0;
 }
 
.plan_table th {
background: #FFF;
border-bottom: 2px solid #bed6d9;
padding: 2px 0 2px 5px;
 }

.plan_table td {
color: #CC3300;
background: #FFF;
border-bottom: 2px solid #bed6d9;
padding: 2px 5px 2px 0;
}


#plan dl dt {
background: url(../images/folder_star.png) no-repeat;
list-style: none;
padding: 0 0 0 30px;
margin: 0 0 0 2em;
line-height: 160%;
}

/* オプション */
.option {
background: url(../images/plan_option_bg.gif) no-repeat;
width: 720px;
height: 300px;
}

.option div {
padding: 55px 0 0 15px;
}

.option div h3 {
font-size: 14px;
}

.option div p {
margin: 0 0 7px 0;
}

.option_added {
margin: 10px 0 30px 0;
color: #336666;
}

.option_btn {
text-align: center;
margin: 0 auto;
padding: 0 0 50px 0;
width: 510px;
}

/* アンケート */
#anq {
margin: 0px 0 50px 0;
}

#anq div.anq_form {
background: url(../images/anq_bg.gif) no-repeat;
height: 175px;
margin: 5px 0 0 0;
}

#anq div.anq_form div.anq_input {
padding: 70px 0 35px 60px;
}

#anq .anq_btn {
margin: 0 auto;
text-align: center;
}



/*問い合わせ*/

#contact_form{
text-align:left;
background: #def0f2 url(../images/contact_btm.gif) no-repeat bottom;
}

.ie6 #contact_form{
margin:0 10px 0 0;
}


.form_text p{
padding:10px 0 0 12px;
}


.form_img{
float:left;
width:247px;
height:154px;
margin:0 0 0 70px;
}

.form_img_thankyou{
float:left;
width:247px;
height:154px;
margin:0 0 0 10px;
}

.contact_btn {
margin: 0 auto;
padding: 5px 0 15px 0;
text-align: center;
}


/* ■For form */

.form_impt{margin-top:5px;background-color:#FFFFFF; color:#3F4F1E; font-size:10pt; border-width:1pt; border-style:solid;border-color:#99cccc; width:200px;}
.form_impturl{background-color:#FFFFFF; color:#3F4F1E; font-size:10pt; border-width:1pt; border-style:solid;border-color:#99cccc; width:200px;}
.form_impt_l{margin:10px 0 10px 0;
background-color:#FFFFFF; color:#3F4F1E; font-size:9pt; border-width:1pt; border-style:solid;border-color:#99cccc;
width:300px;}

.boxline_non span{color:#CC0000;}
.boxline span{color:#CC0000; }

.simle_box {
border:1px solid #c9ebb8;
margin:10px 0 20px 0;
background-color:#c9ebb8;
text-align:left;
font-weight:none;
}

table.form_main {
border:1px solid #def0f2;
margin:10px auto;
background-color:#f4f8f8;
}

th.boxline,td.boxline {
font-family: "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
color: #333;
padding:25px 0 25px 25px;
line-height:1.5em;
text-align:left;
line-height:150%;
border:1px solid #def0f2;
}

th.boxline{
background-color:#FFF;
border:1px solid #def0f2;
font-weight: bold;
color: #4e6d74;
}

th.boxline_non{
background-color:#eafce1;
padding:25px 0 25px 25px;
border:1px solid #def0f2;
}

td.boxline{padding:0 0 0 20px;}
td.boxline_non{padding:0 0 0 20px;}

.boxline_non {
font-family: "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
color: #3F4F1E;
border:none;
padding:6px 10px 5px;
line-height:1.5em;
text-align:left;
line-height:150%;
}

.boxline_for_text {
font-family: "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
color: #3F4F1E;
border:none;
padding:10px 0 10px 10px;
line-height:1.5em;
text-align:left;
line-height:160%;
}

th.boxline_in,td.boxline_in {
font-family: "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
color: #3F4F1E;
border-top:1px solid #99cccc;
border-width:1px 0 0 0;
padding:10px 10px 10px;
}

th.boxline_in{background-color:#c9ebb8;}

th.boxline_non_in{background-color:#c9ebb8;padding:10px 10px 10px;}
td.boxline_in{padding:0 0 0 20px;}
td.boxline_non_in{padding:0 0 0 20px;}

.boxline_non_in {
font-family: "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
color: #3F4F1E;
border:none;
padding:6px 10px 5px;
}

.company_table td{padding:10px;color: #3F4F1E;}
.company_table td a{margin:0;padding:0;display:inline;}

.radiosp{width:410px; margin:5px 0;}

#contact_form p{
margin-left:25px;
}

.clear{clear:both;}



/* About IOIX--------------------------------- */

#ioixbox {
margin: 20px 0 0 0;
}

#ioixbox h3 {
color: #1f6c79;
}

.ioixbox_left{
width:450px;
margin:20px 0 30px 0px;
float:left;
}

.ie6 .ioixbox_left{
margin-left:20px;
}

.ioixbox_right{
float:right;
width:200px;
height: 150px;
margin: 20px 0 0 0px;
padding: 0 0 0 35px;
background: url(../images/ioixbox_bg.gif) no-repeat;
}

.ie6 .ioixbox_right{
margin-left:30px;
}



#totop {
margin-top: 10px;
text-align: right;
}

#foot {
text-align: left;
font-size: 11px;
color: #666;
margin: 0 auto;
width: 1000px;
padding: 0 0 20px 0;
}


#thankyoubox{
 background-color:#EAFCE1;
 width:660px;
 padding:20px;
 height:250px;
 margin:20px auto;
}

#thankyoubox img{
float:left;
}

.title_sp{
margin-top:20px;
}

.thankyou_text{
float:left; width:350px;
}

.thankyou_text_secomd{
float:left; width:330px; padding-left:50px;
}

/* Urchin/Google Analytics サポートサービス */

#supportservice_col {
width: 720px;
height: 110px;
margin: 0 0 20px 0;
}

#supportservice_col p {
width: 520px;
margin: 0px 0 0 170px;
padding: 30px 0 0 0;
}

#supportservice_col.s1 {
background: url(../images/supportservice_s1b.gif) no-repeat;
}

#supportservice_col.s2 {
background: url(../images/supportservice_s2b.gif) no-repeat;
}

#supportservice_col.s2 p{
padding-top: 38px;
}

#supportservice_col.s3 {
background: url(../images/supportservice_s3b.gif) no-repeat;
}

#supportservice_col.s4 {
background: url(../images/supportservice_s4b.gif) no-repeat;
}

#supportservice_col.s4 p{
padding-top: 38px;
}

.supportservice_btn {
width: 510px;
height: 170px;
background: url(../images/supportservice_btn_bg.gif) no-repeat;
margin: 0 auto;
text-align: center;
}