﻿@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;
	}


/* 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;
	}


/* 3.center_box_top	センターボックス
================================================== */
#center_box_top{
	width		: 400px;
	margin		: 0 0 0 30px;
	float		: left;
	text-align	: left;
	}

.service_top{
	width		: 190px;
	padding		: 10px 0 10px 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{
	width		: 380px;
	padding		: 15px 0 5px 0;
	border-bottom: dashed 1px #CCC;
	}
	
#top_810 p{
	width		: 380px;
	padding		: 0 5px 5px 5px;
	}

	
#top_octpass{
	border-right: dashed 1px #CCC;
	background	: url("../img/bg_octpass.jpg") no-repeat 0 29px;
	}

#top_octpass 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		: 450px;
	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;
	}