﻿@charset "utf-8";

@import url("http://www.cca-co.jp/css/common.css");



/* ==================================================

  INDEX index.css

 ----------------------------------------------------

  1.main_img		メインイメージ

  2.left_box_top	レフトボックス

  3.center_box_top	センターボックス

  4.right_box_top	ライトボックス

================================================== */



/* 1.main_img	メインイメージ

================================================== */

#main_img{

	clear		: both;

	background	: #EFEFEF;

	}





.top_bnr{

	width		: 800px;

	margin		: 10px auto;

	clear		: both;

	text-align	: center;

	}





/* 2.left_box_top	レフトボックス

================================================== */

#left_box_top{

	width		: 170px;

	float		: left;

	text-align	: left;

	}



.top_greed{

	margin		: 0 0 8px 0;

	padding		: 5px;

	line-height	: 1.2em;

	border		: solid 1px #d3d6cb;

	background	: url("../img/bg_top_greed.jpg") repeat-x;

	}



.top_greed a{

	text-decoration	: none;

	}



.top_greed a:hover{

	text-decoration	: underline;

	}



.top_greed p{

	margin		: 8px;

	}



.top_box{

	margin		: 0 0 30px 0;

	}



.top_box p{

	margin		: 5px;

	}



#iia_top{

	width		: 160px;

	height		: 150px;

	margin		: 5px 0 0 0;

	padding		: 5px 5px 5px 5px;

	border		: solid 1px #EEE;

	overflow	: auto;

	line-height	: 1.4;

	}



#iia_top li{

	padding		: 5px 0 10px 15px;

	border-bottom		: dashed 1px #CCC;

	background	: url("../img/common/li01.gif") no-repeat 0 10px;

	}





/* 3.center_box_top	センターボックス

================================================== */

#center_box_top{

	width		: 400px;

	margin		: 0 0 0 30px;

	float		: left;

	text-align	: left;

	}



.service_top{

	width		: 190px;

	padding		: 12px 0 12px 0;

	margin		: 0 3px;

	float		: left;

	} 



#center_box_top .service_top a{

	text-decoration	: none;

	}



#center_box_top .service_top a:hover{

	text-decoration	: underline;

	}



.service_top p{

	padding		: 15px 5px 5px 5px;

	font-size	: 80%;

	}



.service_top img{

	float		: left;

	margin		: 0 3px 5px 0;

	}



#top_asset{

	width		: 380px;

	padding		: 15px 0 5px 0;

	border-bottom: dashed 1px #CCC;

	}

	

#top_asset p{

	width		: 380px;

	padding		: 0 5px 5px 5px;

	}



#top_canp{

	width		: 380px;

	padding		: 15px 0 5px 0;

	border-bottom: dashed 1px #CCC;

	}

	

#top_canp p{

	width		: 380px;

	padding		: 0 5px 5px 5px;

	}



#top_810,

#top_oct2{

	width		: 380px;

	padding		: 15px 0 5px 0;

	border-bottom: dashed 1px #CCC;

	}

	

#top_810 p,

#top_oct2 p{

	width		: 380px;

	padding		: 0 5px 5px 5px;

	}



	

#top_octpass,

#top_8102{

	border-right: dashed 1px #CCC;

	}



#top_octpass p,

#top_8102 p{

	padding		: 10px 5px 0 0;

	}



#top_mopr{



	}



#top_aff{

	border-right: dashed 1px #CCC;

	}



#top_aff p{

	padding		: 8px 5px 0 0;

	}



#top_reserved{

	}



#top_reserved p{

	padding		: 10px 5px 0 0;

	}



#top_server{

	border-right: dashed 1px #CCC;

	}



#top_web{

	}





/* 4.right_box_top	ライトボックス

================================================== */

#right_box_top{

	width		: 170px;

	float		: right;

	text-align	: left;

	}



#news_top{

	width		: 160px;

	height		: 1000px;

	margin		: 5px 0 0 0;

	padding		: 5px 5px 10px 5px;

	border		: solid 1px #EEE;

	overflow	: auto;

	line-height	: 1.4;

	}



#news_top li{

	padding		: 5px 0 10px 15px;

	border-bottom		: dashed 1px #CCC;

	background	: url("../img/common/li01.gif") no-repeat 0 10px;

	}