.clear{ clear: both; }
img{border: 0;}

/****************************************

		基本構造

****************************************/
/*-----------------------
	ボディ
------------------------*/
html { overflow-y:scroll; } /*スクロールバーを常時表示*/

body{
margin: 0;
padding: 0;
color: #666;
font-size: 9pt;
font-family: Arial,"MS UI Gothic";
line-height: 180%;
background-color: #fff;
background-image: url();
background-attachment: fixed;
scrollbar-face-color: #fff;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #000;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff; 
}

/*-----------------------
	外枠
------------------------*/
.out-line{
margin: 0 auto;
width: 800px;
border-top: 7px solid #9fd;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
overflow: hidden;
}

/*-----------------------
	ヘッダー
------------------------*/
.hedder{
margin: 0 auto;
padding-bottom: 10px;
width: 800px;
height: 60px;
background-color: #fff;
background-image: url(img/bar-top.jpg);
background-repeat: no-repeat;
background-position: right bottom;
text-align: center;
overflow: hidden;
}

.hedder-l{
margin: 0;
width: 270px;
height: 65px;
float: left;
clear: both;
overflow: hidden;
}

.hedder-r{
margin: 0;
width: 525px;
height: 65px;
text-align: right;
float: right;
overflow: hidden;
}

.hedder-in {
width: 520px;
height: 20px;
padding: 5px 0;
overflow: hidden;
}

.hedder-in img{
margin: 0px 2px 0;
vertical-align: middle;
}


/*-----------------------
　　　ボディメイン
------------------------*/
/*---- トップページのフラッシュ等 ----*/
.topimg {
width: 800px;
margin: 0;
padding: 0;
text-align: center;
overflow: hidden;
}

.toplink {
width: 740px;
height: 30px;
margin: 5px auto;
background-image: url(img/toplinkbar.jpg);
background-repeat: no-repeat;
background-position: left top;
text-align: center;
overflow: hidden;
}

/*---- TOPページ左ボックス ----*/
.left{
margin: 0;
padding: 0;
width: 520px;
float: left;
clear: both;
overflow: hidden;
}

/*---- TOPページ右ボックス ----*/
.right{
margin: 0;
padding: 0;
width: 279px;
float: left;
text-align: center;
border-left: 1px solid #ccc;
overflow: hidden;
}

/*----  ----*/
.main-body{
width: 790px;
margin: 0 auto;
overflow: hidden;
}

/*----  ----*/
.left-menu{
margin: 20px auto 0;
padding: 0 0 10px 18px;
width: 150px;
float: left;
overflow: hidden;
}

/*----  ----*/
.right-main{
margin-top: 10px;
padding: 0 5px 40px 10px;
width: 600px;
float: left;
border-left: 1px solid #ccc;
overflow: hidden;
}

/*-----------------------
	フッター
------------------------*/
.footer{
width: 800px;
height: 20px;
text-align: center;
background-color: #9fd;
overflow: hidden;
}


/****************************************

		タグ

****************************************/
/*-----------------------
	ライン
------------------------*/
hr{
margin: 20px 10px 30px;
visibility: hidden;
}

hr.sol,hr.dott,hr.w,hr.ha{
height: 1px;
margin: 5px 20px;
border-left: 0;
border-right: 0;
border-bottom: 0;
visibility: visible;
}

hr.sol{
border-top: 1px solid #ccc;
}

hr.dott{
border-top: 1px dotted #ccc;
}

hr.w{
border-top: 4px double #ccc;
}

hr.ha{
border-top: 1px dashed #ccc;
}

/*-----------------------
	リンク
------------------------*/
a {
outline: none;
border: 0;
}

a:link,a:visited,a:active{
color: #444;
text-decoration: none;
border: 0;
}

a:hover{
color :#AAA;
text-decoration: none;
border: 0;
}

/*-----------------------
	見出し
-------------------------*/
h1{
visibility: hidden;
}

h2{
margin: 10px 3px;
padding: 2px 10px;
font-size: 1.5em;
letter-spacing: 0.2em;
border-left: 6px solid #69f;
border-bottom: 1px solid #bbb;
text-align: left;
font-weight: bold;
}

h3{
margin: 20px 10px 10px;
padding: 1px 10px;
font-size: 1.3em;
letter-spacing: 0.1em;
border-left: 6px solid #9fc;
border-bottom: 1px solid #bbb;
text-align: left;
font-weight: bold;
}

h4{
margin: 0;
padding: 0 0 0 20px;
width: 550px;
height: 50px;
color: #fff;
font-size: 1.3em;
letter-spacing: 0.2em;
line-height: 30px;
background-image: url(img/h4-bg.jpg);
background-repeat: no-repeat;
background-position: left top;
text-align: center;
font-weight: bold;
}

h5{
margin: 20px 30px 5px;
padding: 1px 15px;
font-size: 1.2em;
font-weight: bold;
background-image: url(img/h5-l-bg.jpg);
background-repeat: no-repeat;
background-position: left center;
border-bottom: 1px dotted #ccc;
}

h5.diary{
margin: 20px 20px 5px 0;
padding: 1px 15px;
}

h6{
margin: 20px 35px 5px;
padding: 1px 15px;
font-size: 1em;
font-weight: bold;
background-image: url(img/h6-l-bg.jpg);
background-repeat: no-repeat;
background-position: left center;
border-bottom: 1px dotted #ccc;
}

/*-----------------------
　　　　テキスト
------------------------*/
p{
margin: 0 0 5px;
padding: 0;
}

.main-body p{
margin: 10px 20px;
}

/*-----インデント------*/
.text-box{margin: 10px 20px;}

/*-----センタリング------*/
p.cent{text-align: center;}

/*-----右寄せ------*/
p.rit{text-align: right;}

/*-----フォントサイズ------*/
p.big{font-size: 1.2em;}

/*-----強調------*/
strong{font-size: 1.2em;}

strong.red{
font-size: 1.2em;
color: red;
}

em{}


/*-----------------------
　　　　リスト
------------------------*/
ul,ol{
margin: 0 30px 20px;
padding: 0 10px;
}

li ul,li ol{
margin: 0;
padding: 0 15px;
}

li{
line-height: 25px;}


/*-----------------------
　　　　定　義
------------------------*/
dl{margin: 10px 20px;}

dt{
width: 110px;
padding: 5px 5px 2px;
float: left;
clear: both;
overflow: hidden;
}

dd{
margin: 0;
padding: 5px 0 5px 120px;
border-bottom: 1px dotted #ccc;
}


/****************************************

	メニュー・タイトルバナー

****************************************/
/*-----------------------
　　　横並びメニュー
------------------------*/
.m-bar {
margin: 0;
padding: 0;
width: 528px;
height: 28px;
overflow: hidden;
}

.m-bar img {visibility: hidden;}
.m-bar a, .m-bar a:link, .m-bar a:visited {background-position: 0px 0px;}
.m-bar a:hover {background-position: 0px 28px;}
.m-bar a:active {background-position: 0px 56px;}

.m-bar .m-com a {background-image: url(img/tab00b.jpg); }
.m-bar .m-pro a {background-image: url(img/tab01b.jpg); }
.m-bar .m-pat a {background-image: url(img/tab02b.jpg); }
.m-bar .m-sou a {background-image: url(img/tab03b.jpg); }
.m-bar .m-ric a {background-image: url(img/tab04b.jpg); }
.m-bar .m-toi a {background-image: url(img/tab05b.jpg); }

.menu {
margin: 0px;
padding: 0px;
width: 560px;
height: 28px;
list-style-type: none;
}
.menu li {
width: 88px;
height: 28px;
float: left;
}
.menu li a {
width: 88px;
height: 28px;
display: block;
text-align: center;
text-decoration: none;
}


/*-----------------------
　　　縦並びメニュー
------------------------*/
.s-bar {
margin: 0;
padding: 0;
width: 128px;
}

.s-bar img {
visibility: hidden;
}

.s-bar a, .s-bar a:link, .s-bar a:visited {background-position: 0px 0px;}
.s-bar a:hover {background-position: 0px 24px;}
.s-bar a:active {background-position: 0px 48px;}

.s-bar .s-ps a {background-image: url(img/menub00b.jpg); }	/**---作品紹介---**/
.s-bar .s-ps2 a {background-image: url(img/menub01b.jpg); }
.s-bar .s-ps3 a {background-image: url(img/menub07b.jpg); }
.s-bar .s-psp a {background-image: url(img/menub02b.jpg); }
.s-bar .s-wii a {background-image: url(img/menub03b.jpg); }
.s-bar .s-ds a {background-image: url(img/menub04b.jpg); }
.s-bar .s-3ds a {background-image: url(img/menub08b.jpg); }
.s-bar .s-ta a {background-image: url(img/menub05b.jpg); }
.s-bar .s-iphon a {background-image: url(img/menub06b.jpg); }

.s-bar .s-shin a {background-image: url(img/menuc00b.jpg); }	/**---採用情報---**/
.s-bar .s-kya a {background-image: url(img/menuc01b.jpg); }
.s-bar .s-rec a {background-image: url(img/menuc02b.jpg); }
.s-bar .s-phot a {background-image: url(img/menuc03b.jpg); }
.s-bar .s-voc a {background-image: url(img/menuc04b.jpg); }
.s-bar .s-tokyo a {background-image: url(img/menuc05b.jpg); }

.s-bar .s-prof a {background-image: url(img/menua00b.jpg); }	/**---会社紹介---**/
.s-bar .s-topm a {background-image: url(img/menua01b.jpg); }
.s-bar .s-data a {background-image: url(img/menua02b.jpg); }
.s-bar .s-enka a {background-image: url(img/menua03b.jpg); }
.s-bar .s-eig a {background-image: url(img/menua04b.jpg); }
.s-bar .s-acc a {background-image: url(img/menua05b.jpg); }

.s-bar .s-rad01 a {background-image: url(img/menud00b.jpg); }	/**---RADIX---**/
.s-bar .s-rad02 a {background-image: url(img/menud01b.jpg); }
.s-bar .s-rad03 a {background-image: url(img/menud02b.jpg); }
.s-bar .s-rad04 a {background-image: url(img/menud03b.jpg); }

.sab-menu {
margin: 0;
padding: 0;
width: 128px;
list-style-type: none;
float: left;
}
.sab-menu li {
width: 128px;
height: 24px;
overflow: hidden;
list-style-type: none;
float: left;
}
.sab-menu li a {
width: 128px;
height: 24px;
display: block;
text-align: center;
text-decoration: none;
float: left;
}


/*-----------------------
　　　タイトルバナー
------------------------*/
.title-diary,.title-diary2,.title-pro,.title-rec,.title-info,.title-prof,.title-gm,.title-radix
{
width: 800px;
height: 90px;
background-repeat: no-repeat;
background-position: left top;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
overflow: hidden;
}

/****　日記ページ　****/
.title-diary{
background-image: url(img/baner01.jpg);
}

/****　Web日記ページ　****/
.title-diary2{
background-image: url(img/baner09.jpg);
}

/****　開発作品　****/
.title-pro{
background-image: url(img/baner02.jpg);
}

/****　採用ページ　****/
.title-rec{
background-image: url(img/baner03.jpg);
}

/****　問い合わせ　****/
.title-info{
background-image: url(img/baner04.jpg);
}

/****　会社情報　****/
.title-prof{
background-image: url(img/baner05.jpg);
}

/****　GM事業部　****/
.title-gm{
background-image: url(img/baner06.jpg);
}

/****　RADIX　****/
.title-radix{
background-image: url(img/baner08.jpg);
}