@charset "UTF-8";

/* ~~ major contents ~~ */

a:link     { text-decoration:underline; color: #000000 }
a:visited  { text-decoration:underline; color:#000000 }
a:active   { text-decoration:underline; color:#000000 }
a:hover    { text-decoration:underline; color:#000000 }

body {
        background: #a4b4e9;
        margin: 0;
        padding: 0;
        color: #000;
        font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック",sans-serif; line-height: 1.3;font-size: 10pt;
}
tr,td { font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック",sans-serif; line-height: 1.3;font-size: 10pt }

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}


/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
.container {
	width: 960px;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}


/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header {
	position:relative;
	padding-left: 3px;
	padding-top:1px;
	padding-bottom:1px;
        background-image: url("http://www.advansteps.com/macxtreme/data/aaa.gif");
}
.containerheader {
	width: 960px;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */

}


.contentmenu {
	position:relative;
	width: 100%;
	left:0px;
	padding-top:2px;
	padding-bottom:2px;
        background-image: url("http://www.advansteps.com/ipadsearch/data/bbb.gif");
	text-align:center;
}
.containercontentmenu {
	width: 960px;
	margin: 5px auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	color: #ffffff;
	text-align: left;
}

.containercontentmenu a{ text-decoration:underline; color: #ffffff }

.undermenu {
	text-align:center;
	padding:10px 0px 5px 0px;

}

.content {
	text-align:center;
	padding: 0px 0px 10px 200px;
}

.sidebar {
	float: left;
	width: 190px;
	padding: 10px 0px 10px 10px;
}

div#footer{
        border: dotted 3px #eeeeee;
        background-color: white;
        padding: 5px;
		margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        }
		
		
/* ipadmonitor */
.ipadmonitor {
	position: relative;
	width: 753px;
	height: 606px;
        background-image: url("http://www.advansteps.com/macxtreme/data/macmonit.png");
	text-align:left;
}

/* ipadmonitorの子 */
.ipadmonitorin {

	position: absolute;
	left:29px;
	top:21px;
	width: 673px;
	height: 380px;
	padding: 0px 0px 0px 0px;
	margin: 10px;
}
/* ipadmonitorinの子 */
.ipadmonitorinad {
	position: absolute;
	left:0px;
	bottom:0px;
	width: 300px;
	height: 250px;
}
.ipadmonitorinad2 {
	position: absolute;
	right:0px;
	bottom:0px;
	width: 340px;
	height: 250px;
}

.ipadmonitorindate {
	position: absolute;
	text-align:right;
	right:0px;
	bottom:20px;
	width: 250px;
	height: 20px;
}



/* ~~ major div ~~ */
div#roundwhite {
        text-align: left;
        border: solid 3px black;
        background-color: white;
        padding: 10px;
        width: 730px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}	
div#topgray5{
        text-align: center;
	color: #ffffff;
        border: solid 1px black;
        background: #4d63ab;
        padding: 5px;
        width: 150px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}		
#topwhite5:hover{
        text-align: center;
        border: solid 1px black;
        background-color: #fcfbb3;
        padding: 5px;
        width: 150px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}			
div#topwhite5{
        text-align: center;
        border: solid 1px black;
        background-color: white;
        padding: 5px;
        width: 150px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}	
div#categoryall {
        text-align: center;
        color: #ffffff;
        border: solid 2px #000000;
        background: #4d63ab;
        padding: 10px;
        width: 726px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}		
.category td{
        text-align: left;
        border: solid 2px #3263d3;
        line-height: 30px;
        background: #d0dbfe;
        padding: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
.category a{
        color:black;
        text-decoration:underline;
        padding:5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 5px;
}
.category a:hover{
        color:black;
        background-color: #fcfbb3;
        text-decoration:underline;
        padding:5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 5px;
}

.category{
line-height: 30px;
}