@charset "UTF-8";
/**
 * 共通
 *
 * 説明
 *
 * @author  Shigeaki Kurimoto <kurimoto@e-qwerty.co.jp>
 * @create  2013/12/13
 * @version 1.00
 */

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

/*
 * 全体
 */
* {
	margin		: 0;
	padding		: 0;
	font-family : 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	box-sizing  : border-box;
}

body {
	margin					: 0 auto;
	background-color    	: #FFFFFF;
	background-repeat		: repeat;
	background-position		: top center;
	background-attachment	: fixed;
	background-size			: 100% auto;

}

#idAll {
    margin     : 0 auto;
    background : url(../images/header/bg.png);
    width      : 1200px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
	border			: 0px;
}

a {
	border			: 0px;
	text-decoration	: none;
}

h1 {
	text-indent: -9999px;
	height     : 0px;
}
h2 {
	text-indent: -9999px;
	height     : 0px;
}
/* -------------------------------------------------------------------- */

/*
 * ヘッダー部
 */
#idHeader {
	margin		 : 0 auto;
	position	 : relative;
	width		 : 1200px;
	height       : 150px;
}

#idHeaderLogo {
    position    : absolute;
    top         : 45px;
    left        : 130px;
    widht       : 60px;
    height      : 60px;
}

#idHeaderTitle {
    position    : absolute;
    top         : 61px;
    left        : 463px;
    widht       : 259px;
    height      : 43px;
}

#idHeaderSearchArea {
    position    : absolute;
    top         : 15px;
    left        : 963px;
}

#idHeaderSearchInput {
    position    : absolute;
    top         : 0px;
    left        : 0px;
}

#idHeaderFreeword {
    padding-left  : 5px;
    width         : 130px;
}

#idHeaderSearchBtn {
    position    : absolute;
    top         : 1px;
    left        : 130px;
}

#idHeaderSearchBtn input {
    background-image : url(../images/header/ic_search.gif);
    width            : 24px;
    height           : 24px;
    border           : none;
}

#idHeaderSitepolicy {
    position    : absolute;
    top         : 61px;
    left        : 962px;
    width       : 73px;
    height      : 11px;
    background-image : url(../images/header/link_sitepolicy_off.png);
}

#idHeaderSitepolicy:hover {
    background-image : url(../images/header/link_sitepolicy.png);
}

#idHeaderCompany {
    position    : absolute;
    top         : 85px;
    left        : 962px;
    width       : 49px;
    height      : 12px;
    background-image : url(../images/header/link_company_off.png);
}

#idHeaderCompany:hover {
    background-image : url(../images/header/link_company.png);
}


#idHeaderProject {
    position    : absolute;
    top         : 106px;
    left        : 962px;
    width       : 94px;
    height      : 11px;
    background-image : url(../images/header/link_project_off.png);
}

#idHeaderProject:hover {
    background-image : url(../images/header/link_project.png);
}


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

/*
 * 左コンテンツエリア
 */
#idLeft {
    width       : 240px;
    float       : left;
    padding     : 30px 0px 0px 80px;
}

.clsLeftLink {
    width       : 160px;
    height      : 25px;
	padding     : 6px 0px 6px 20px;
    border-top    : 1px dashed #DDDDDD;
    border-bottom : 1px dashed #DDDDDD;
}

.clsLeftLink2 {
    width       : 160px;
    height      : 55px;
    padding     : 20px 0px 0px 20px;
}

#idLeftSearch {
    background-image  : url(../images/left/link_list_off.png);
    background-repeat : no-repeat;
    width             : 116px;
    height            : 11px;
}

#idLeftSearch:hover {
    background-image : url(../images/left/link_list.png);
}

#idLeftContact {
    background-image  : url(../images/left/link_contact_off.png);
    background-repeat : no-repeat;
    width             : 86px;
    height            : 11px;
}

#idLeftContact:hover {
    background-image : url(../images/left/link_contact.png);
}

#idLeftTop {
    background-image  : url(../images/left/link_top_off.png);
    background-repeat : no-repeat;
    width             : 38px;
    height            : 11px;
}

#idLeftTop:hover {
    background-image : url(../images/left/link_top.png);
}

#idLeftFacebook {
    background-image  : url(../images/left/link_fb.png);
    background-repeat : no-repeat;
    width             : 35px;
    height            : 35px;
}

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

/*
 * メインコンテンツエリア
 */
#idContentsTitle {
    width            : 100%;
    height           : 100px;
    background-color : #FFFA00;
    opacity           : 0.7;
}

#idContentsTitleArea {
	margin      : 0px auto;
    width       : 705px;
    padding-top : 20px;
    padding-left: 60px;
}

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

/*
 * メインコンテンツエリア
 */
#idMain {
    width       : 705px;
    float       : left;
}


/*
 * 右コンテンツエリア
 */
#idRight {
    width             : 255px;
    min-height        : 412px;
    margin            : 30px 0px;
    float             : left;
    background-image  : url(../images/right/bg.png);
    background-repeat : no-repeat;
}


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

/*
 * フッター部
 */
 .clsClear {
 	clear : both;
 }

#idFooter {
    margin      : 0px auto;
    height      : 90px;
	width		: 100%;
	border-top  : 1px dashed #DDDDDD;
}

#idFooterMenu {
    margin  : 10px auto;
    width   : 508px;
    height  : 11px;
}

#idFooterMenu a {
    display : inline-block;
}

#idFooterMenu div:hover {
    background-image : url(../images/footer/menu_foot_on.png);
}

#idFooterConcept {
    background-image : url(../images/footer/menu_foot_off.png);
    background-position : 0px 0px;
    width              : 30px;
    height             : 11px;
}

#idFooterSearch {
    background-image : url(../images/footer/menu_foot_off.png);
    background-position : -30px 0px;
    width              : 90px;
    height             : 11px;
}

#idFooterContact {
    background-image : url(../images/footer/menu_foot_off.png);
    background-position : -120px 0px;
    width              : 65px;
    height             : 11px;
}

#idFooterPolicy {
    background-image : url(../images/footer/menu_foot_off.png);
    background-position : -185px 0px;
    width              : 80px;
    height             : 11px;
}

#idFooterCompany {
    background-image : url(../images/footer/menu_foot_off.png);
    background-position : -265px 0px;
    width              : 70px;
    height             : 11px;
}

#idFooterLink {
    background-image : url(../images/footer/menu_foot_off.png);
    background-position : -335px 0px;
    width              : 144px;
    height             : 11px;
}