@charset "utf-8";



/*基礎*/

html{ background: url(../images/bg.jpg) repeat-y center top;margin:0 auto; }

body{margin:0 auto;width:1000px;min-height:100%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; }

img{border:0;}

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

h1{ font-size:130%;border-left:#009900 8px solid;line-height:130%;padding-left:20px;letter-spacing:-0.1em;}

h2{ font-size:130%;border-left:#009900 8px solid;line-height:130%;padding-left:20px;letter-spacing:-0.1em;}

h3{ font-size:130%;border-left:#009900 8px solid;line-height:130%;padding-left:20px;letter-spacing:-0.1em;}

article{margin:0 0 30px 0;}

a{color: #000099;text-decoration:none;}

a:hover{color:#FF0099;}





/*各DIV*/

header{height:160px;width:940px;margin:0 30px 10px 30px;}



div#firstview{height:360px;width:940px; margin:0 auto 30px; }

div#firstview .gd_menu ul{float:right;margin:0;padding:0;}

div#firstview .gd_menu ul li { background: url(../images/gd_menu.jpg) no-repeat;list-style:none;list-style-position:outside;margin:0;padding:0; display:block; height:120px;}

div#firstview .main-img { position:relative;}

div#firstview .main-img a { display:block; }

div#firstview .main-img a { position:absolute; top:0; left:0; z-index:8; }

div#firstview .main-img a.active { z-index:10; }

div#firstview .main-img a.last-active { z-index:9; }



nav{background:url(../images/nav_bg.jpg) repeat-x; width:1000px;height:50px;margin:0 0 10px 0;}

nav ul{display:block;width:940px;height:50px;margin:0 30px;padding:0;overflow:hidden;}

nav ul li{display:inline; height:50px;margin:0;padding:0; }

nav#nav_index{background:url(../images/nav_bg.jpg) repeat-x; width:940px;height:50px;margin:0 30px 10px;}

nav#nav_index ul{display:block;width:940px;height:50px;margin:0;padding:0;overflow:hidden;}

nav#nav_index ul li{display:inline; height:50px;margin:0;padding:0; }



div#breadcrums {width:940px; text-align:right;margin:0 30px 20px;padding:2px;line-height:100%;border-bottom:solid #DDDDDD 1px;}

div#breadcrums ul{margin:0;padding:0;line-height:100%;}

div#breadcrums ul li {display: inline;font-size:80%;list-style:none;list-style-position:outside;margin:0;padding:0;line-height:100%;}



div#contents{width:940px;margin:0 30px 30px 30px;}

div#main_column{width:690px;float:left;margin:0;padding:0;}

div#main_column p{margin:0 28px 20px 28px;}

div#main_column img.right{margin:5px 28px 5px 5px;border:#CCCCCC 1px solid;  float:right;}

div#main_column img.left{margin:5px 5px 5px 28px;border:#CCCCCC 1px solid; float:left;}

div#main_column dl{margin:10px 28px;}

div#main_column dl dt{width:100%;border-bottom:dotted 1px #CCCCCC;line-height:20px;}

div#main_column dl dd{text-align:right;line-height:20px;}

div#sub_column{width:250px;float:right;margin:0;padding:0;}

div#sub_column p{margin: 28px 15px 28px;}

div#sub_column img{margin:0;}

div#sub_column img.img_contents{margin:0 28px;}

div#sub_menu{margin:48px 0 0 0;}

div#sub_menu ul{margin:15px 0 0 0;padding:0;}

div#sub_menu ul li{background:url(../images/sub_menu.jpg) no-repeat;list-style:none;list-style-position:outside;margin:0;padding:0;}



dl.company dt{width:100%;background:#EEEEEE;padding:5px 0 3px 15px;border-left:5px solid #990066;}

dl.company dd{width:100%;background:#FFFFFF;padding:5px 0 10px 15px;text-align:left !important;}

dl.column {width:260px;float:left;}

dl.column dt{width:260px;margin:0;padding:1px 5px 0; background:#EEEEEE;border-bottom: dotted 1px #CCCCCC;border-top: solid 1px #CCCCCC;border-left: solid 1px #CCCCCC;border-right: solid 1px #CCCCCC;}

dl.column dd{width:260px;margin:0 0 20px 0;padding:7px 5px 2px;background:#FFFFFF;border-right: solid 1px #CCCCCC;border-left: solid 1px #CCCCCC;border-bottom: solid 1px #CCCCCC;}



footer{background-color:#eeeeee;height:140px;width:1000px;padding:0;}

div#footer_inside{width:940px;height:130px;margin:0 30px;padding:5px 0 0 0;}

div#sub_nav ul{display: block;text-align:left;height:20px;padding-left:0 !important;}

div#sub_nav ul li{display: inline; border-left:#999999 1px solid;margin:0 10px;padding:0 10px;}

div#footer_menu{float:left;}

div#footer_menu ul{height:60px;width:100px;float:left;margin:10px 20px;padding:0;font-size:80%;color:#666666;}

div#footer_menu ul li{list-style:none;}

div#copyright{width:1000px;text-align:right;background-color:#666666;color:#FFFFFF;font-size:50%;line-height:100%;margin:0;padding:0;}

div#copyright p{-webkit-margin-before: 0 !important;-webkit-margin-after: 0 !important;}



/*float解除*/

.clearfix:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }

.clearfix {min-height: 1px; /*IE6、7対策*/}

* html .clearfix {height: 1px;/*¥*//*/ /*MAC IE5.x対策*/height: auto;overflow: hidden; /**/}



/*背景画像*/

#principles{background:url(../images/bg_principles.jpg) no-repeat;margin:0 14px;padding:0;height:230px;width:660px;}

#research{background:url(../images/bg_research.jpg) no-repeat;margin:0 14px;padding:0;height:264px;width:660px;}

#drinking{background:url(../images/bg_drinking.jpg) no-repeat;margin:0 14px;padding:0;height:286px;width:660px;}

#consulting{background:url(../images/bg_consulting.jpg) no-repeat;margin:0 14px;padding:0;height:224px;width:660px;}

#seo{background:url(../images/bg_seo.jpg) no-repeat;margin:0 14px;padding:0;height:262px;width:660px;}

#president{background:url(../images/bg_president.jpg) bottom right no-repeat;width:660px;height:760px;margin:0;padding:0;}

#syouhyou{background:url(../images/bg_syouhyou.jpg) bottom right no-repeat;width:660px;height:200px;margin:0;padding:0;}

#venture{background:url(../images/bg_venture.jpg) bottom right no-repeat;width:660px;height:200px;margin:0;padding:0;}

#hpseisaku{background:url(../images/bg_hpseisaku.jpg) bottom right no-repeat;width:660px;height:200px;margin:0;padding:0;}



/*汎用class*/

.right{float:right;}

.left{float:left;}

.center{text-align:center;}

.bold{font-weight:bold;}

.address{float:right;margin:10px 0;}

.footer_logo{float:right;margin:20px 0 0 0;}

.sitemap{list-style:circle;margin-top:30px;}

.sitemap2{list-style: disc;margin-left:20px;}

.syouhyou{border:#666666 1px solid;margin:20px 200px 0 20px;padding:5px 10px;}



@media only screen and (max-width:641px) {

	html{background:none;}

	body, header, nav ul, nav#nav_index ul, footer, div#contents, div#firstview, div#wrapper, div#breadcrums, div#main_column, div#footer_inside, div#sub_nav, div#sub_nav ul, div#copyright {width:100%;height:auto;margin:0;}

	div#main_column dl, div#main_column dl dd{width:90%;margin:0 5% 10px;}

	div#main_column dl dt{width:90%;margin:0 5%;}

	div#main_column p{width:auto;height:auto;}

	header img{width:60%;height:auto;}

	header a img{width:20%;height:auto;}

	div#drinking, div#research, div#seo, div#hpseisaku, div#consulting, div#venture, div#principles, div#syouhyou{width:auto;height:0;}

	article#president{background:none;width:100%;height:auto;}

	div#main_column, nav ul li, div#sub_nav ul li{float:left;}

	div#sub_column{float:none;clear:both;margin:0 auto 10px;}

	div#sub_menu{margin:0 auto 10px;}

	div#footer_menu, img.footer_logo{display:none;}

	nav{background:none;width:auto;height:auto;margin:0 auto 10px;}

	nav ul{margin:0 auto;}

	nav ul li{border:#CCC 1px solid;box-sizing:border-box;background:url(../images/nav_bg.jpg);}

	.syouhyou{margin:0 5% 10px;}

	

}