/*
Theme Name: 株式会社あいたいよう HPテンプレート
Author: 株式会社あいたいよう
Author URI: http://www.i-taiyo.com/
Description: 株式会社あいたいようのWPテンプレートです。
*/



/*------------------------------------------
	
	■サイト基本設定■
	
--------------------------------------------*/

*{
margin:0;
padding:0;
}

/* firefoxスクロールバー表示対策 */
html{
margin-bottom:1px;
height:100%;
overflow-y:scroll;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,sans-serif;
}

body{
font-size:12px;
line-height:150%;
text-align:center;
color: #333333;
}

table{
font-size:12px;
text-align:left;
line-height:120%;
}

img{
vertical-align:bottom;
border:none;
}

a img:hover{
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

a:link{}

a:hover{}

a:visited{}


h1{
text-align:left;
font-size:12px;
font-weight:normal;
}

h3{
margin-bottom:20px;
}

.h3_top{
text-indent: -9999px;
font-size:1px;
line-height:0px;
margin-bottom:0px !important;
}

.h3_back{
width:630px;
height:31px;
text-align:left;
margin:20px auto 20px auto;
background:url(/hp_images/h4_back.png) no-repeat;
font-size:15px;
padding-left:20px;
line-height:35px;
}

.h4_back{
width:630px;
height:31px;
text-align:left;
margin:20px auto 20px auto;
background:url(/hp_images/h4_back.png) no-repeat;
font-size:15px;
padding-left:20px;
line-height:35px;
}

p{
padding:0 10px 10px 10px;
}


.clear{
clear:both;
}

.linkcolor{
cursor:pointer;
color:#0044CC;
text-decoration:underline;
}

.linkcolor:hover{}

.img_button{
cursor:pointer;
}

.img_button:hover{
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.fontcolor1{
color:#CA0000;
}

.anchor{
text-align:right;
margin:10px 0 20px 0;
}

.list{
list-style:none;
margin-left:10px;
margin-bottom:15px;
text-align:left;
}

.list li{
background:url(/hp_images/list_head.gif) no-repeat center left;
padding-left:15px;
}


/*------------------------------------------
	
	■サイトレイアウト設定■

--------------------------------------------*/

/*------------------------------------------
	ヘッダー
--------------------------------------------*/

.header{}

.header_br1{
background:#CA0000;
height:5px;
min-width:1000px;
}

.header_container{
width:900px;
margin:0 auto;
background:#ffffff;
}

.header_h1{
float:left;
width:550px;
text-indent:5px;
}

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

.header_link1 li{
float:right;
list-style:none;
}

.header_logo{
width:200px;
float:left;
}

.header_tel{
width:690px;
float:left;
text-align:right;
padding-top:10px;
}


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

.menu{
background:url(/hp_images/menuback.png) repeat-x;
height:55px;
margin-top:5px;
min-width:1000px;
}

.menu_bt{
width:900px;
height:50px;
margin:0 auto;
position:relative;
top:20px;
background:url(/hp_images/menu001.png) no-repeat;
}

.menu_bt ul{
list-style:none;
}

.menu_bt li{
float:left;
display:inline;
}

.menu_bt a{
display:block;
}

.menu_bt li a{
padding: 0px;
margin: 0px;
overflow: hidden;
text-decoration: none;
text-indent: -9999px;
}

.menu_bt li.menu_top a {
width:128px;
height:50px;
background: url(/hp_images/menu_top.png) no-repeat;
}

.menu_bt li.menu_comp a {
width:128px;
height:50px;
background: url(/hp_images/menu_web.png) no-repeat;
}

.menu_bt li.menu_create a {
width:128px;
height:50px;
background: url(/hp_images/menu_saiji.png) no-repeat;
}

.menu_bt li.menu_result a {
width:128px;
height:50px;
background: url(/hp_images/menu_oroshi.png) no-repeat;
}

.menu_bt li.menu_charge a {
width:128px;
height:50px;
background: url(/hp_images/menu_hp.png) no-repeat;
}

.menu_bt li.menu_flow a {
width:128px;
height:50px;
background: url(/hp_images/menu_comp.png) no-repeat;
}

.menu_bt li.menu_mail a {
width:132px;
height:50px;
background: url(/hp_images/menu_mail.png) no-repeat;
}


.menu_bt li.menu_top a:hover,
.menu_bt li.menu_comp a:hover,
.menu_bt li.menu_create a:hover,
.menu_bt li.menu_result a:hover,
.menu_bt li.menu_charge a:hover,
.menu_bt li.menu_flow a:hover,
.menu_bt li.menu_mail a:hover{
	background-position: 0px -50px;
}


/*------------------------------------------
	パンクズ
--------------------------------------------*/
.panlist{
padding: 0 0 5px 5px;
}

.panlist ul {
	list-style: none;
	margin: 0;
	font-size:12px;
}

.panlist ul li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}



/*------------------------------------------
	メイン
--------------------------------------------*/

.main{
width:900px;
margin:30px auto 0 auto;
}

.leftbox{
width:670px;
float:left;
}

.rightbox{
width:230px;
float:left;
}




/*------------------------------------------
	サイドメニュー
--------------------------------------------*/

.side{
width:200px;
margin:0 0 20px auto;
}

.side_contents{
margin-bottom:10px;
}

.sidetitle{
text-align:center;
padding-top:3px;
}

.sidemenu{
margin-bottom:10px;
text-align:left;
}

.sidemenu ul{
list-style:none;
margin-left:10px;
}

.sidemenu ul li{
background: url(./images/icon1.png) no-repeat center left;
padding-left:15px;
}

.side_add{
border:1px solid #cccccc;
padding-bottom:5px;
}

.side_add1{
padding:5px 0 2px 0;
color:#CA0000;
}

.side_add2{
padding:5px 0 2px 0;
color:#CA0000;
font-family: Arial Black;
font-size:24px;
font-weight:bold;
}

.side_add3{
padding:5px 0 2px 0;
}


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

.footer{
border-top:1px solid #cccccc;
background:url(/hp_images/fotterback.png) repeat-x;
height:225px;
min-width:1000px;
}

.footer_main{
width:900px;
margin:0 auto;
}

.footer_link{
float:left;
width:218px;
text-align:left;
padding-left:5px;
padding-top:20px;
}

.footer_link dl{
margin-bottom:20px;
}

.footer_link dl dt{
font-weight:bold;
color:#CA0000;
}

.footer_link dl dd{
margin-left:10px;
padding-left:15px;
}

.footer_link dl .dd_list{
background:url(/hp_images/list_head.gif) no-repeat center left;
}

.footer_copy{
text-align:right;
margin-top:90px;
}


/*------------------------------------------
	ブログページ
--------------------------------------------*/

.nav-single{
width:670px;
margin:10px 0;
padding:5px 0;
border-top:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;
}


.previous{
float:left;
width:330px;
text-align:left;
padding-left:5px;
}

.next{
float:left;
width:330px;
text-align:right;
padding-right:5px;
}

.entry-content{
width:630px;
text-align:left;
margin:20px auto 40px auto;
}

.entry-content_bt{
margin:10px 0 20px 0;
font-size:14px;
color:#000000;
}

.blogdate{
text-align:right;
}

/*------------------------------------------
	トップページ スライドショー
--------------------------------------------*/

#wrapper{
background:url(/hp_images/main.png) no-repeat;
width:670px;
height:270px;
border:1px solid #dddddd;
margin-bottom:20px;
}


#slideshow .slides-nav {
width:45px;
position:relative;
top:240px;
left:600px;
background:#ffffff;
border:1px solid #aaaaaa;
padding:5px;
}

#slideshow .slides-nav li {	
float: left;
margin-right: 5px;
list-style:none;
}

#slideshow .slides-nav li a {
display: block;
overflow: hidden;
background: url(/hp_images/btn.gif) no-repeat;
width: 10px;
height: 10px;
text-indent: -9999px;
}

#slideshow .slides-nav:after{
height:0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}


.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
	background: url(/hp_images/btn_on.gif) no-repeat;
}

#slideshow .slides{
width: 450px;
position:relative;
top:120px;
left:25px;
}

#slideshow .slides img{
border: 3px solid #CCC;
vertical-align: bottom;
margin: 0 5px;
width:120px;
height:100px;
}


/*------------------------------------------
	トップページ
--------------------------------------------*/

.top_main{
margin:20px 0;
}

.top_main1_bk{
background:url(/hp_images/top_main1_bk.png) no-repeat;
width:335px;
height:250px;
float:left;
margin-top:20px;
}

.top_main2_bk{
background:url(/hp_images/top_main2_bk.png) no-repeat;
width:335px;
height:250px;
float:left;
margin-top:20px;
}


.top_main_f1{
color:#ffffff;
font-size:24px;
text-align:left;
padding:25px 0 0 25px;
line-height:30px;
}

.top_main_f2{
border:1px solid #ffffff;
margin:15px 30px 0 25px;
color:#ffffff;
padding:5px;
}

.top_main_bt{
margin-top:12px;
}

.top_link_bk1{
margin-top:10px;
background:url(/hp_images/top_link_bk1.png) no-repeat;
width:223px;
height:120px;
float:left;
}

.top_link_bk2{
margin-top:10px;
background:url(/hp_images/top_link_bk2.png) no-repeat;
width:223px;
height:120px;
float:left;
}

.top_link_bk3{
margin-top:10px;
background:url(/hp_images/top_link_bk3.png) no-repeat;
width:223px;
height:120px;
float:left;
}


.top_link_ul{
text-align:left;
list-style:none;
padding-left:15px;
padding-top:40px;
}


/*新着情報*/
.top_news_dl{
margin:10px;
text-align:left;
}

.top_news_dl dt{
width:10px;
float:left;
padding-bottom:5px;
margin-bottom:5px;
display:none;
}

.top_news_dl dd{
padding-left:10px;
border-bottom:1px dotted #cccccc;
padding-bottom:5px;
margin-bottom:5px;
}




.top_banner{
width:670px;
margin:0 auto　20px　auto;
}

.top_banner_dl{
width:670px;
margin-bottom:10px;
}

.top_banner_dl dt{
width:333px;
float:left;
margin:3px 0;
}

.top_banner_dl dd{
width:333px;
float:left;
margin-left:4px;
margin:3px 0 3px 4px;
}


/*------------------------------------------
	会社概要
--------------------------------------------*/

.com_gai{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
margin:0 0 30px 10px;
}

.com_gai th{
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
width:100px;
padding:8px;
}

.com_gai td{
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:8px;
width:450px;
}

.com_gai td ul{
margin-left:20px;
}

.com_gai td ul li{
padding-bottom:7px;
}


/*------------------------------------------
	制作実績
--------------------------------------------*/

.result_div{
width:335px;
float:left;
}

.result_dl_title{
font-size:12px;
color:#CA0000;
margin:5px 0;
}

.result_clear{
clear:both;
font-size:0;
height:10px;
background:url(/hp_images/result_back.png) repeat-x;
margin:0 auto 20px auto;
width:650px;
}

.result_clear1{
clear:both;
font-size:0;
height:10px;
margin-bottom:20px;
}


.flow_table{
width:600px;
margin:10px auto 20px auto;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
line-height:20px;
}

.flow_table_step{
background:#CA0000;
color:#ffffff;
font-family: Arial Black;
font-weight:bold;
font-size:20px;
width:90px;
text-align:center;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.flow_table_title{
width:410px;
border-right:1px solid #cccccc;
border-bottom:1px dotted #cccccc;
padding:5px 10px;
color:#CA0000;
font-size:15px;
}

.flow_table_text{
width:410px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:5px 10px;
}


/*------------------------------------------
	制作料金
--------------------------------------------*/

.charge_table{
width:650px;
margin:10px auto 20px auto;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
line-height:20px;
}

.charge_table th{
font-weight:normal;
padding:5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background:#FFE4E4;
}

.charge_table td{
padding:5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
text-align:center;
}

.charge_table .charge_table_td1{
width:110px;
}

.charge_table2{
width:650px;
margin:10px auto 20px auto;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
line-height:20px;
}

.charge_table2 th{
font-weight:normal;
padding:5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
width:120px;
background:#FFE4E4;
}

.charge_table2 td{
padding:5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

/*------------------------------------------
	お問合せ
--------------------------------------------*/

.contact_table{
width:600px;
margin:0 auto 50px auto;
}

.contact_table th{
padding:5px;
border-bottom:1px dotted #cccccc;
width:150px;
}

.contact_table td{
padding:5px;
border-bottom:1px dotted #cccccc;
width:450px;
}

.submit_button{
text-align:center;
}

.submit_button input{
width:150px;
height:30px;
}


.wpcf7-mail-sent-ok,
.wpcf7-validation-errors{
width:600px;
background:#CA0000;
padding:10px;
color:#ffffff;
font-size:15px;
margin:10px auto;
}

.wpcf7-not-valid-tip-no-ajax{
padding-left:10px;
color:#CA0000;
}


/*------------------------------------------
	プライバシーポリシー
--------------------------------------------*/

.ol_privacy{
text-align:left;
margin:20px auto 0 auto;
width:620px;
padding-left:15px;
}

.ol_privacy li{
padding-bottom:10px;
}


/*------------------------------------------
	物販催事事業
--------------------------------------------*/
.saiji_p{
width:670px;
margin:0 0 30px 0;
}

.saiji_dl{
width:670px;
margin:0 0 30px 0;
}

.saiji_dl dt{
width:350px;
float:left;
line-height:200%;
text-align:left;
}

.saiji_dl dd{
width:300px;
float:left;
margin-left:20px;
}

.contact_bt{
width:670px;
margin:30px 0 0 0;
text-align:left;
}

.bideo{
width:670px;
margin-bottom:20px;
}


.saiji_table{
width:650px;
margin:10px auto 20px auto;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
line-height:20px;
}

.saiji_table th{
font-weight:normal;
padding:5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background:#FFE4E4;
width:70px;
}

.saiji_table td{
padding:5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
text-align:left;
}



/*------------------------------------------
	物販卸事業
--------------------------------------------*/

.work{
width:670px;
line-height:180%;
text-align:left;
}

.work p{
margin-top:10px;
font-size:13px;
}

.work1{
width:670px;
text-align:left;
}

.work1_l{
width:300px;
float:left;
line-height:180%;
margin-top:30px;
}

.work1_l dl dt{
font-size:13px;
}

.work1_l dl dd{
margin-top:10px;
}

.work1_r{
width:370px;
float:left;
}

.work2{
width:670px;
text-align:left;
line-height:160%;
}

.work2_l{
width:390px;
float:left;
}

.work2_r{
width:280px;
float:left;
}






#google_translate_element {
        text-align: center;
background:#ff0000;
padding-top:20px;
padding-bottom:20px;
}
#google_translate_element img {
        display: inline;
}