body {

font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}



#header {

	width: 300px;

	height: 55px;

	float: left;

	vertical-align: middle;

}

#header2 {

	width: 300px;

	height: 55px;

	float: left;

	font-size: 10px;

	color: #F08082;

	text-align: center;

	top: 0px;

	left: 300px;

	vertical-align: middle;

}



#main
    {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:950px;         /* 幅を決定する */
    }


#header2 a {

	font-size: 10px;

	color: #F08082;

}

#header2 h1 {

	font-size: 12px;

	color: #333333;

	padding: 0px;

	margin-top: 5px;

	margin-bottom: 0px;

	float: left;

	font-weight: normal;

	width: 150px;

	text-align: right;

}

#header2 h2 {

	font-size: 12px;

	color: #333333;

	padding: 0px;

	margin-top: 5px;

	margin-bottom: 0px;

	float: left;

	font-weight: normal;

	width: 150px;

	text-align: left;

}
body
    {
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
    }


#toiawase {

	color: #CCCCCC;

	left: 5px;

	top: 1001px;

	position: absolute;

	width: 600px;

	height: 60px;

	float: left;

	z-index: 2;

}

.support {

	padding: 5px;

	margin: 5px;

	margin-left: 15px;

	margin-top: 10px;

}

#catalogue {

	left: 5px;

	top: 1080px;

	position: absolute;

	width: 600px;

	height: 350px;

	list-style-type: none;

	float: left;

	z-index: 2;

}

#catalogue ul {

	list-style-type: none;

	margin-left: 5px;

	padding-left: 0px;

	margin-top: 5px;

	display: block;

}

#catalogue li {

	float: left;

	margin-left: 8px;

	margin-bottom: 5px;

	margin-top: 0px;

}

#catalogue h2 {

	font-size: 16px;

	color: #666666;

	text-align: center;

	font-weight: bold;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-right: 0px;

	width: 600px;

}

#msg {

	left: 5px;

	top: 1476px;

	position: absolute;

	width: 600px;

	height: 350px;

	float: left;

	z-index: 5;

	font-size: 12px;

	line-height: 140%;

}

#msg_left {

	height: 210px;

	width: 200px;

	float: left;

	padding: 10;

}

#msg_left h3 {

	font-size: 12px;

	color: #333333;

	height: 60px;

	padding: 0;

	width: 180px;

	line-height: 120%;

	margin: 0;

}

#msg_left h4 {

	font-size: 12px;

	color: #666666;

	height: 100px;

	font-weight: normal;

	width: 190px;

	line-height: 140%;

}

#msg_center {

	height: 210px;

	width: 200px;

	float: left;

	padding: 10;

}

#msg_center h3 {

	font-size: 12px;

	color: #333333;

	height: 60px;

	margin: 0;

	padding: 0;

	width: 180px;

	line-height: 120%;

}

#msg_center h4 {

	font-size: 12px;

	color: #666666;

	height: 100px;

	font-weight: normal;

	width: 190px;

	line-height: 140%;

}

#msg_right {

	height: 210px;

	width: 200px;

	float: left;

	padding: 10;

}

#msg_right h3 {

	font-size: 12px;

	color: #333333;

	height: 60px;

	margin: 0;

	padding: 0;

	width: 180px;

	line-height: 120%;

}

#msg_right h4 {

	font-size: 12px;

	color: #666666;

	height: 100px;

	font-weight: normal;

	width: 190px;

	line-height: 140%;

}

#msg_box {

	height: 150px;

	width: 600px;

}

#msg ul {

	list-style-type: none;

	margin-left: 0px;

	padding-left: 0px;

	margin-top: 10px;

	padding-top: 10px;

}

#msg li {

	float: left;

	margin-left: 2px;

	margin-bottom: 0px;

	margin-top: 0px;

	width: 145px;

	height: 25px;

	vertical-align: top;

	text-align: left;

}

#msg a {

	font-size: 11px;

}

#msg h2 {

	font-size: 16px;

	color: #666666;

	text-align: center;

	font-weight: bold;

	margin: 0;

	width: 600px;

}

#side {

	left: 610px;

	top: 0px;

	width: 170px;

	height: 1680px;

	position: absolute;

}

#side ul {

	list-style-type: none;

	margin-left: 5px;

	margin-top: 30px;

}

#side li,a {

	margin-bottom: 5px;

	padding-bottom: 5px;

	font-size: 12px;

}



    .vCenter ul {  
        width: 670px;  
    }  
    .vCenter ul li {  
        border: solid 1px #ccc;  
        border-collapse: collapse;  
        float: left;  
        margin-right: 10px;  
        margin-bottom: 15px;  
        width: 122px;  
    }  
    .vCenter ul li p {  
        display: table-cell;  
        text-align: center;  
        vertical-align: middle;  
        width: 122px !important;  
        width: auto;  
        height: 92px !important;  
        height: auto;  
    }  
    .vCenter ul li p img {  
        border: solid 1px #fff;  
    }  







.css_display{			/* 横幅の違う画像を自動的に並べて改行する */
	background:#ffffff url(../tips/css/img/css02.png) no-repeat 0px 0px;
	padding:2.2em 1em 1em 1em;
	margin-bottom:1.4em;
}
.css_display a:active{
	position:static;
}

.css00012_03{
	width:800px;
}

.css00012_03 li{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	background-color:#ffffff;
}



/* HTML,バルーンのCSS */
#menu div { position: relative; } .arrow_box { display: none; position: absolute; padding: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #333; color: #fff; } .arrow_box:after { position: absolute; bottom: 100%; left: 50%; width: 0; height: 0; margin-left: -10px; border: solid transparent; border-color: rgba(51, 51, 51, 0); border-bottom-color: #333; border-width: 10px; pointer-events: none; content: " "; } span:hover + p.arrow_box { display: block; }